update with nuxt4 for docker-web

app/components/applications-list.vue

@@ -0,0 +1,61 @@
+<script>
+export default {
+  data: () => ({
+    apps: [
+      {
+        name: 'Transmission',
+        component: resolveComponent('SvgTransmission')
+      },
+      {
+        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')
+      }
+    ]
+  })
+}
+</script>
+
+<template>
+  <section class="bg-slate-300 p-8 bg-gradient-to-r from-violet-100 to-indigo-100 rounded-t-xl">
+    <h2 class="title">
+      Pre-configured applications
+    </h2>
+    <ul class="flex justify-center p-2 max-w-full flex-wrap">
+      <li v-for="app in apps" :key="app" class="m-4">
+        <a
+          :href="
+            'https://github.com/docker-web/docker-web/tree/master/apps/' +
+              app.name.toLowerCase()
+          "
+          :title="app.name"
+        >
+          <component :is="app.component" class="app hover:scale-110" />
+        </a>
+      </li>
+    </ul>
+  </section>
+</template>