docs(app): transform navigation to improve search

nuxt · Nov 22, 2024 · d24e76c · d24e76c
1 parent 4676e51
commit d24e76c
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/docs/app/app.vue b/docs/app/app.vue
@@ -3,7 +3,9 @@ import { withoutTrailingSlash } from 'ufo'
 
 const route = useRoute()
 
-const { data: navigation } = await useAsyncData('navigation', () => queryCollectionNavigation('docs'))
+const { data: navigation } = await useAsyncData('navigation', () => queryCollectionNavigation('docs'), {
+  transform: (data) => data.find(item => item.path === '/docs')?.children || [],
+})
 const { data: files } = useLazyAsyncData('search', () => queryCollectionSearchSections('docs'), {
   server: false,
 })

diff --git a/docs/app/layouts/docs.vue b/docs/app/layouts/docs.vue
@@ -1,9 +1,7 @@
 <script setup lang="ts">
 import type { ContentNavigationItem } from '@nuxt/content'
 
-const nav = inject<Ref<ContentNavigationItem[]>>('navigation')
-
-const navigation = computed(() => nav?.value?.find(item => item.path === '/docs')?.children || [])
+const navigation = inject<Ref<ContentNavigationItem[]>>('navigation')
 </script>
 
 <template>

diff --git a/docs/content/docs/.navigation.yml b/docs/content/docs/.navigation.yml
@@ -1,2 +1 @@
-
 title: Documentation