docs: move to /docs

Author: atinux

docs/app/app.vue

@@ -37,8 +37,8 @@ const links = computed(() => {
   return [{
     label: 'Docs',
     icon: 'i-lucide-book',
-    to: '/getting-started',
-    active: route.path.startsWith('/getting-started') || route.path.startsWith('/components'),
+    to: '/docs/getting-started',
+    active: route.path.startsWith('/docs'),
   }].filter(Boolean)
 })
 

docs/app/error.vue

@@ -6,6 +6,7 @@ const props = defineProps<{
   error: NuxtError
 }>()
 
+const route = useRoute()
 const appConfig = useAppConfig()
 const colorMode = useColorMode()
 
@@ -14,6 +15,15 @@ const { data: files } = await useAsyncData('files', () => queryCollectionSearchS
 
 const color = computed(() => colorMode.value === 'dark' ? colors[appConfig.ui.colors.neutral as keyof typeof colors][900] : 'white')
 
+const links = computed(() => {
+  return [{
+    label: 'Docs',
+    icon: 'i-lucide-book',
+    to: '/docs/getting-started',
+    active: route.path.startsWith('/docs'),
+  }].filter(Boolean)
+})
+
 useHead({
   meta: [
     { name: 'viewport', content: 'width=device-width, initial-scale=1' },

docs/app/layouts/docs.vue

@@ -3,7 +3,7 @@ import type { ContentNavigationItem } from '@nuxt/content'
 
 const nav = inject<Ref<ContentNavigationItem[]>>('navigation')
 
-const navigation = computed(() => nav?.value.filter(item => !item._path.startsWith('/pro')))
+const navigation = computed(() => nav?.value.find(item => item.path === '/docs')?.children || [])
 </script>
 
 <template>

docs/app/pages/[...slug].vue docs/app/pages/docs/[...slug].vuedocs/app/pages/[...slug].vue renamed to docs/app/pages/docs/[...slug].vue

@@ -1,8 +1,23 @@
-import { defineCollection } from '@nuxt/content'
+import { defineCollection, z } from '@nuxt/content'
 
 export const collections = {
   docs: defineCollection({
     type: 'page',
-    source: '**',
+    source: {
+      path: 'docs/**',
+      prefix: '/docs',
+    },
+    schema: z.object({
+      links: z.array(z.object({
+        label: z.string(),
+        icon: z.string(),
+        avatar: z.object({
+          src: z.string(),
+          alt: z.string(),
+        }).optional(),
+        to: z.string(),
+        target: z.string().optional(),
+      })).optional(),
+    }),
   }),
 }

docs/app/pages/roadmap.vue

@@ -0,0 +1,2 @@
+title: Getting Started
+icon: i-lucide-square-play

docs/content.config.ts

@@ -42,3 +42,7 @@ The new collections system provides automatic TypeScript types for all your data
 :hr
 
 We're excited for you to explore these new capabilities. Dive into our documentation to learn more about integrating the module and implementing best practices in your next project.
+
+## Content V2 Migration
+
+Learn how to migrate from Content v2 to v3 in the [migration guide](/docs/getting-started/migration).