feat(Content): Nuxt Content Linking

composables/navigation.ts

@@ -25,7 +25,7 @@ export function useNavigationMenu() {
       {
         label: 'Content',
         items: [
-          { label: 'Markdown', icon: 'pi pi-fw pi-user-edit', to: '/files/markdown' },
+          { label: 'Markdown', icon: 'pi pi-fw pi-user-edit', to: '/cms/markdown' },
         ],
       },
       {

content/markdown.md

@@ -2,7 +2,7 @@
 
 Hello World Form **Nuxt Content V2**
 
-[Link](/api/components/prose)
+[Link](/cms/sample)
 
 ### Code 
 

content/sample.md

@@ -0,0 +1,5 @@
+## Nuxt Content
+
+Sample Page
+
+[Markdown](/cms/markdown)

package.json

@@ -34,15 +34,15 @@
     "@nuxtjs/color-mode": "^3.0.2",
     "@pinia/nuxt": "^0.1.8",
     "@sfxcode/formkit-primevue": "^0.5.3",
-    "@unocss/nuxt": "^0.37.2",
+    "@unocss/nuxt": "^0.39.0",
     "@vitejs/plugin-vue": "^2.3.1",
-    "@vitest/ui": "^0.13.0",
+    "@vitest/ui": "^0.14.1",
     "@vueuse/nuxt": "^8.3.1",
     "c8": "^7.11.2",
     "eslint": "^8.15.0",
     "nuxt": "^3.0.0-rc.3",
     "sass": "^1.51.0",
-    "typescript": "^4.6.4",
-    "vitest": "^0.13.0"
+    "typescript": "^4.7.3",
+    "vitest": "^0.14.1"
   }
 }

pages/cms/[...slug].vue

@@ -0,0 +1,19 @@
+<script setup lang='ts'>
+const route = useRoute()
+const slug = route.params.slug.toString()
+</script>
+
+<template>
+  <div class="markdown">
+    <ContentDoc :path="slug">
+      <!-- Slot if document is not found -->
+      <template #not-found>
+        <h1 class="text-2xl">
+          Content Page ({{ slug }}) not found
+        </h1>
+      </template>
+    </contentdoc>
+  </div>
+</template>
+
+<style scoped></style>