docs: add blog & changelog on search

Author: atinux

docs/app/app.vue

@@ -16,11 +16,24 @@ const heroBackgroundClass = computed(() => route.meta?.heroBackground || '')
 const appear = ref(false)
 const appeared = ref(false)
 
-const { data: navigation } = await useAsyncData('navigation', () => queryCollectionNavigation('docs'), {
-  transform: data => data.find(item => item.path === '/docs')?.children || []
+const { data: navigation } = await useAsyncData('navigation', () => {
+  return Promise.all([
+    queryCollectionNavigation('docs'),
+    queryCollectionNavigation('blog'),
+    queryCollectionNavigation('changelog')
+  ])
+}, {
+  transform: data => data.flat()
 })
-const { data: files } = useLazyAsyncData('search', () => queryCollectionSearchSections('docs'), {
-  server: false
+const { data: files } = useLazyAsyncData('search', () => {
+  return Promise.all([
+    queryCollectionSearchSections('docs'),
+    queryCollectionSearchSections('blog'),
+    queryCollectionSearchSections('changelog')
+  ])
+}, {
+  server: false,
+  transform: data => data.flat()
 })
 
 useHead({

docs/app/components/AppHeader.vue

@@ -35,7 +35,7 @@ const navLinks = computed(() => links.value.map((link) => {
       icon: link.icon,
       title: link.label,
       path: link.to,
-      children: navigation.value
+      children: navigation.value.find(item => item.path === '/docs')?.children || []
     }
   }
   return {

docs/app/error.vue

@@ -18,11 +18,26 @@ useHead({
   }
 })
 
-const { data: navigation } = await useAsyncData('navigation', () => queryCollectionNavigation('docs'), {
-  transform: data => data.find(item => item.path === '/docs')?.children || []
+const { data: navigation } = await useAsyncData('navigation', () => {
+  return Promise.all([
+    queryCollectionNavigation('docs'),
+    queryCollectionNavigation('blog'),
+    queryCollectionNavigation('changelog')
+  ])
+}, {
+  transform: data => data.flat()
 })
-const { data: files } = useLazyAsyncData('search', () => queryCollectionSearchSections('docs'), {
-  server: false
+provide('navigation', navigation)
+
+const { data: files } = useLazyAsyncData('search', () => {
+  return Promise.all([
+    queryCollectionSearchSections('docs'),
+    queryCollectionSearchSections('blog'),
+    queryCollectionSearchSections('changelog')
+  ])
+}, {
+  server: false,
+  transform: data => data.flat()
 })
 
 const links = computed(() => [
@@ -57,10 +72,10 @@ const links = computed(() => [
 
 <template>
   <UApp>
-    <!-- <AppHeader /> -->
+    <AppHeader />
     <UError :error="error" />
 
-    <!-- <AppFooter /> -->
+    <AppFooter />
 
     <ClientOnly>
       <LazyUContentSearch :files="files" :navigation="navigation" :links="links" />

docs/app/layouts/docs.vue

@@ -2,14 +2,16 @@
 import type { ContentNavigationItem } from '@nuxt/content'
 
 const navigation = inject<Ref<ContentNavigationItem[]>>('navigation')
+
+const asideNavigation = computed(() => navigation.value.find(item => item.path === '/docs')?.children || [])
 </script>
 
 <template>
   <UContainer>
     <UPage>
       <template #left>
         <UPageAside>
-          <UContentNavigation :navigation="navigation" highlight />
+          <UContentNavigation :navigation="asideNavigation" highlight />
         </UPageAside>
       </template>
       <slot />

docs/content.config.ts

@@ -108,7 +108,7 @@ export default defineContentConfig({
     }),
     changelog: defineCollection({
       type: 'page',
-      source: 'changelog/*.md',
+      source: 'changelog/**/*',
       schema: z.object({
         image: z.string().editor({ input: 'media' }),
         authors: z.array(Author),
@@ -117,7 +117,7 @@ export default defineContentConfig({
     }),
     blog: defineCollection({
       type: 'page',
-      source: 'blog/**/*.md',
+      source: 'blog/**/*',
       schema: z.object({
         image: z.string().editor({ input: 'media' }),
         authors: z.array(Author),

docs/content/blog/.navigation.yml

@@ -0,0 +1 @@
+icon: i-lucide-newspaper

docs/content/changelog/.navigation.yml

@@ -0,0 +1 @@
+icon: i-lucide-megaphone