docus 5.0.0 → 5.1.0

package/app/components/app/AppFooterRight.vue

@@ -8,7 +8,7 @@ const links = computed(() => [
     'target': '_blank',
     'aria-label': `${key} social link`,
   })),
-  appConfig.github?.url && {
+  appConfig.github && appConfig.github.url && {
     'icon': 'i-simple-icons-github',
     'to': appConfig.github.url,
     'target': '_blank',

package/app/components/app/AppHeader.vue

@@ -6,7 +6,7 @@ const site = useSiteConfig()
 
 const { localePath, isEnabled, locales } = useDocusI18n()
 
-const links = computed(() => appConfig.github?.url
+const links = computed(() => appConfig.github && appConfig.github.url
   ? [
       {
         'icon': 'i-simple-icons-github',

package/app/layouts/default.vue

@@ -1,9 +1,10 @@
 <script setup lang="ts">
 import type { ContentNavigationItem } from '@nuxt/content'
+import { flattenNavigation } from '../utils/navigation'
 
 const route = useRoute()
 const docsNavigation = inject<Ref<ContentNavigationItem[]>>('navigation')
-const docsLink = computed(() => docsNavigation?.value.flatMap(item => item.children || [item]) || [])
+const docsLink = computed(() => flattenNavigation(docsNavigation?.value))
 const isDocs = computed(() => docsLink.value.findIndex(item => item.path === route.path) !== -1)
 </script>
 

package/app/pages/[[lang]]/[...slug].vue

@@ -46,16 +46,18 @@ defineOgImageComponent('Docs', {
   headline: headline.value,
 })
 
+const github = computed(() => appConfig.github ? appConfig.github : null)
+
 const editLink = computed(() => {
-  if (!appConfig.github) {
+  if (!github.value) {
     return
   }
 
   return [
-    appConfig.github.url,
+    github.value.url,
     'edit',
-    appConfig.github.branch,
-    appConfig.github.rootDir,
+    github.value.branch,
+    github.value.rootDir,
     'content',
     `${page.value?.stem}.${page.value?.extension}`,
   ].filter(Boolean).join('/')
@@ -92,7 +94,7 @@ const editLink = computed(() => {
 
       <USeparator>
         <div
-          v-if="editLink"
+          v-if="github"
           class="flex items-center gap-2 text-sm text-muted"
         >
           <UButton
@@ -109,7 +111,7 @@ const editLink = computed(() => {
           <UButton
             variant="link"
             color="neutral"
-            :to="`${appConfig.github.url}/issues/new/choose`"
+            :to="`${github.url}/issues/new/choose`"
             target="_blank"
             icon="i-lucide-alert-circle"
             :ui="{ leadingIcon: 'size-4' }"

package/app/types/index.d.ts

@@ -32,7 +32,7 @@ declare module 'nuxt/schema' {
       url: string
       branch: string
       rootDir?: string
-    }
+    } | false
   }
 }
 

package/app/utils/navigation.ts

@@ -0,0 +1,7 @@
+import type { ContentNavigationItem } from '@nuxt/content'
+
+export const flattenNavigation = (items?: ContentNavigationItem[]): ContentNavigationItem[] => items?.flatMap(
+  item => item.children
+    ? flattenNavigation(item.children)
+    : [item],
+) || []

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "docus",
   "description": "Nuxt layer for Docus documentation theme",
-  "version": "5.0.0",
+  "version": "5.1.0",
   "type": "module",
   "main": "./nuxt.config.ts",
   "repository": {
@@ -37,7 +37,7 @@
     "exsolve": "^1.0.7",
     "git-url-parse": "^16.1.0",
     "minimark": "^0.2.0",
-    "motion-v": "^1.7.1",
+    "motion-v": "^1.7.2",
     "nuxt-llms": "^0.1.3",
     "nuxt-og-image": "^5.1.11",
     "pkg-types": "^2.3.0",