feat: switch to sidebase/nuxt !

components/applications-list.vue

@@ -0,0 +1,65 @@
+<script>
+export default {
+  data: () => ({
+    apps: [
+      {
+        name: 'Deluge',
+        component: resolveComponent('SvgDeluge')
+      },
+      {
+        name: 'Drone',
+        component: resolveComponent('SvgDrone')
+      },
+      {
+        name: 'Gitea',
+        component: resolveComponent('SvgGitea')
+      },
+      {
+        name: 'Hoppscotch',
+        component: resolveComponent('SvgHoppscotch')
+      },
+      {
+        name: 'Jellyfin',
+        component: resolveComponent('SvgJellyfin')
+      },
+      {
+        name: 'Nextcloud',
+        component: resolveComponent('SvgNextcloud')
+      },
+      {
+        name: 'Plausible',
+        component: resolveComponent('SvgPlausible')
+      },
+      {
+        name: 'Penpot',
+        component: resolveComponent('SvgPenpot')
+      },
+      {
+        name: 'Radio',
+        component: resolveComponent('SvgRadio')
+      }
+    ]
+  })
+}
+</script>
+
+<template>
+  <section>
+    <h2 class="title">
+      Pre-configured applications
+    </h2>
+    <ul class="flex justify-center p-4 m-4 max-w-full flex-wrap">
+      <li v-for="app in apps" :key="app" class="m-4">
+        <a
+          :href="
+            'https://github.com/valerebron/pegaz/tree/master/services/' +
+              app.name.toLowerCase()
+          "
+          :title="app.name"
+        >
+          <component :is="app.component" class="app" />
+        </a>
+      </li>
+    </ul>
+  </section>
+</template>