update dependencies

content/list.json

+[
+    {
+        "system": "Abi2",
+        "article": [
+            "rererere"
+        ]
+    },
+    {
+        "system": "PARIS",
+        "article": [
+            "rererere"
+        ]
+    }
+]
\ No newline at end of file

docker-compose.yml

@@ -4,15 +4,45 @@ services:
     build:
       context: .
       target: dev
-    container_name: frontend
+    container_name: nuxt
     volumes:
       - .:/usr/src/app
       - defense-finder-wiki-node-modules:/usr/src/app/node_modules
-      - defense-finder-wiki-dotnuxt:/usr/src/app/.nuxt
+      - /usr/src/app/.nuxt
     ports:
       - "3000:3000"
       - "24678:24678"
       - "4000:4000"
+    labels:
+      - "traefik.enable=true"
+      - "traefik.docker.network=main"
+      - "traefik.http.routers.nuxt.service=nuxt-service"
+      - "traefik.http.routers.nuxt.rule=Host(`localhost`)"
+      - "traefik.http.routers.nuxt.entrypoints=web"
+      - "traefik.http.services.nuxt-service.loadbalancer.server.port=3000"
+    networks:
+      - main
+
+  traefik:
+    image: traefik:v2.9
+    command:
+      - "--log.level=DEBUG"
+      - "--api.insecure=true"
+      - "--providers.docker=true"
+      - "--providers.docker.exposedbydefault=true"
+      - "--entrypoints.web.address=:80"
+
+    ports:
+      - "8082:80"
+      - "8080:8080"
+    volumes:
+      - "/var/run/docker.sock:/var/run/docker.sock:ro"      
+    networks:
+      - main
+
 volumes:
   defense-finder-wiki-node-modules:
-  defense-finder-wiki-dotnuxt:
+
+networks:
+  main:
+    driver: bridge

nuxt.config.ts

 // https://v3.nuxtjs.org/api/configuration/nuxt.config
 export default defineNuxtConfig({
-  modules: ['@nuxt/content', '@invictus.codes/nuxt-vuetify'],
+  modules: ['@nuxt/content', 'vuetify-nuxt-module'],
   content: {
     documentDriven: {
       injectPage: false
@@ -8,12 +8,11 @@ export default defineNuxtConfig({
   },
   vuetify: {
     vuetifyOptions: {
-      // @TODO: list all vuetify options
-    },
-    moduleOptions: {
-      treeshaking: true,
-      // styles: "sass"
+      labComponents: true
+    }
+  },
+  devtools: {
+    enabled: false
+  },
 
-    },
-  }
 })

package.json

@@ -7,10 +7,10 @@
     "preview": "nuxt preview"
   },
   "devDependencies": {
-    "@invictus.codes/nuxt-vuetify": "^0.2.20",
-    "@nuxt/content": "^2.6.0",
+    "@nuxt/content": "^2.7.2",
     "@types/node": "^18.15.12",
-    "nuxt": "^3.4.2"
+    "nuxt": "^3.7.0",
+    "vuetify-nuxt-module": "^0.5.7"
   },
   "dependencies": {
     "@vueuse/core": "^10.1.0"

pages/list.vue

+<script setup lang="ts">
+definePageMeta({
+    documentDriven: false
+})
+const { path } = useRoute()
+const headers = ref([{
+    title: "Systems",
+    key: "system"
+}])
+const { data } = await useAsyncData(`content-${path}`, () => {
+    return queryContent().where({ _path: path }).findOne()
+
+})
+console.log(data)
+</script>
+<template>
+    <v-card v-if="data?.body" class="mt-5" flat>
+        <ul>
+            <li v-for="e in data.body" :key="e.system">
+                {{ e.system }}
+            </li>
+        </ul>
+        <v-card-text>
+            <v-data-table items-per-page="5" :headers="headers" :items="data.body" class="elevation-1"></v-data-table>
+        </v-card-text>
+    </v-card>
+</template>
\ No newline at end of file