FEAT: add apps list

src/components/applications-list.vue

@@ -0,0 +1,30 @@
+<script>
+  import Code from '~/components/svg/apps/code.vue'
+  import Deluge from '~/components/svg/apps/deluge.vue'
+  import Drone from '~/components/svg/apps/drone.vue'
+  import Gitea from '~/components/svg/apps/gitea.vue'
+  import Jellyfin from '~/components/svg/apps/jellyfin.vue'
+  import Nextcloud from '~/components/svg/apps/nextcloud.vue'
+  import Penpot from '~/components/svg/apps/penpot.vue'
+  import Plausible from '~/components/svg/apps/plausible.vue'
+
+  export default {
+    components: { Code, Deluge, Drone, Gitea, Jellyfin,Nextcloud, Penpot, Plausible },
+    data: () => ({
+      apps: ['code', 'Deluge', 'Drone', 'Gitea', 'Jellyfin', 'Nextcloud', 'Penpot', 'Plausible'],
+    }),
+  }
+</script>
+
+<template>
+  <section>
+    <h2 class="text-3xl text-center">
+      Pre-configured applications :
+    </h2>
+    <ul class="flex justify-center p-4 m-4 max-w-full flex-wrap">
+      <li v-for="app in apps" class="m-4">
+        <component :is="app" class="bg-black bg-opacity-10 w-20 h-20 p-4 rounded-xl flex-wrap" />
+      </li>
+    </ul>
+  </section>
+</template>