fix: handle undefined navigation in more places (#643)

nuxt-themes · Oct 12, 2022 · 2a7c428 · 2a7c428 · vercel · Oct 12, 2022
1 parent 46d526d
commit 2a7c428
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/theme/components/AppLayout.vue b/theme/components/AppLayout.vue
@@ -6,7 +6,7 @@ const { navKeyFromPath } = useContentHelpers()
 const titleTemplate = computed(() => {
   const appTitleTemplate = docus.value.head?.titleTemplate || `%s · ${docus.value.title}`
   if (page.value) {
-    return page.value.head?.titleTemplate || navKeyFromPath(page.value._path, 'titleTemplate', navigation.value) || appTitleTemplate
+    return page.value.head?.titleTemplate || navKeyFromPath(page.value._path, 'titleTemplate', navigation.value || []) || appTitleTemplate
   }
   return appTitleTemplate
 })

diff --git a/theme/components/Navbar.vue b/theme/components/Navbar.vue
@@ -2,7 +2,7 @@
 const { navigation } = useContent()
 const { hasDocSearch } = useDocSearch()
 
-const hasNavbarDialog = computed(() => navigation.value.length > 1)
+const hasNavbarDialog = computed(() => navigation.value?.length > 1)
 </script>
 
 <template>

diff --git a/theme/components/docs/DocsPageContent.vue b/theme/components/docs/DocsPageContent.vue
@@ -14,7 +14,7 @@ const hasBody = computed(() => !page.value || page.value?.body?.children?.length
 const hasToc = computed(() => page.value?.toc !== false && page.value?.body?.toc?.links?.length >= 2)
 
 // TODO: get navigation links from aside level
-const hasAside = computed(() => page.value?.aside !== false && navigation.value.length > 1)
+const hasAside = computed(() => page.value?.aside !== false && navigation.value?.length > 1)
 const bottom = computed(() => fallbackValue('bottom', true))
 const isOpen = ref(false)