Migrate nuxt content components and settings

beeldengeluid · Sep 27, 2023 · a73515e · a73515e
1 parent 2b1396e
commit a73515e
Show file tree

Hide file tree

Showing 6 changed files with 30 additions and 9 deletions.
diff --git a/components/dataset/TabDashboard.vue b/components/dataset/TabDashboard.vue
@@ -19,7 +19,7 @@
       </v-row>
 
       <!-- Description -->
-      <nuxt-content :document="page" />
+      <ContentRenderer :value="page" />
 
       <!-- Chiplist -->
       <v-row class="justify-center mt-5">

diff --git a/components/dataset/TabOverview.vue b/components/dataset/TabOverview.vue
@@ -19,7 +19,7 @@
       </v-row>
 
       <!-- Description -->
-      <nuxt-content :document="page" />
+      <ContentRenderer id="nuxt-content" :value="page" />
 
       <!-- Chiplist -->
       <v-row class="justify-center mt-5">

diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -99,5 +99,10 @@ export default defineNuxtConfig({
         },
       ],
     },
-  }
+  },
+  content: {
+    markdown: {
+      anchorLinks: false,
+    },
+  },
 })
diff --git a/pages/about.vue b/pages/about.vue
@@ -8,7 +8,7 @@
     <!-- Content -->
     <template #content>
       <section class="mt-4">
-        <nuxt-content :document="page" />
+        <ContentRenderer class="nuxt-content" :value="page" />
       </section>
     </template>
   </HeaderPage>
@@ -34,10 +34,10 @@ const { data: page } = await useAsyncData(async () => {
 })
 
 defineI18nRoute({
-    paths: {
-      en: '/about',
-      nl: '/over-ons',
-    },
+  paths: {
+    en: '/about',
+    nl: '/over-ons',
+  },
 })
 
 useHead({

diff --git a/pages/index.vue b/pages/index.vue
@@ -90,7 +90,11 @@
               md="6"
               class="pa-10 d-flex flex-column justify-center align-start"
             >
-              <nuxt-content :document="{ body: aboutPage.excerpt }" />
+              <ContentRenderer
+                class="nuxt-content"
+                :value="aboutPage"
+                :excerpt="true"
+              />
               <v-btn color="primary" :to="localePath('about')">
                 {{ $t('read_more') }}
               </v-btn>

diff --git a/server/plugins/content.ts b/server/plugins/content.ts
@@ -0,0 +1,12 @@
+import path from 'path'
+
+export default defineNitroPlugin((nitroApp) => {
+  // add slug field based on path, for compatibility with Nuxt Content v1.
+  // https://github.com/nuxt/content/blob/776e428eb2987e5a8c237fbc90e2d9beb8e3b0e3/packages/content/lib/database.js#L271
+  // https://content.nuxtjs.org/api/advanced#contentfileafterparse
+  nitroApp.hooks.hook('content:file:afterParse', (file) => {
+    if (file._id.endsWith('.md')) {
+      file.slug = path.basename(file._path)
+    }
+  })
+})