docus 3.0.5-20250630-154143-16b60a9 → 3.0.5-20250630-154807-1588c45

package/app/app/app.config.ts

@@ -19,6 +19,9 @@ export default defineAppConfig({
           },
         },
       },
+      defaultVariants: {
+        variant: 'link',
+      },
     },
     pageLinks: {
       slots: {

package/app/app/components/docs/DocsAsideRightBottom.vue

@@ -1,3 +1,7 @@
+<script setup lang="ts">
+const appConfig = useAppConfig()
+</script>
+
 <template>
   <div
     v-if="appConfig.toc?.bottom?.links?.length"
@@ -11,7 +15,3 @@
     />
   </div>
 </template>
-
-<script setup lang="ts">
-const appConfig = useAppConfig()
-</script>

package/app/app/components/docs/DocsPageHeaderLinks.vue

@@ -1,43 +1,9 @@
-<template>
-  <UButtonGroup>
-    <UButton
-      label="Copy page"
-      :icon="copyStatus === 'copied' ? 'i-lucide-copy-check' : 'i-lucide-copy'"
-      color="neutral"
-      variant="outline"
-      :loading="copyStatus === 'copying'"
-      size="xs"
-      :ui="{
-        leadingIcon: [copyStatus === 'copied' ? 'text-primary' : 'text-neutral', 'size-3.5'],
-      }"
-      @click="copyPage"
-    />
-    <UDropdownMenu
-      size="sm"
-      :items="items"
-      :content="{
-        align: 'end',
-        side: 'bottom',
-        sideOffset: 8,
-      }"
-      :ui="{
-        content: 'w-48',
-      }"
-    >
-      <UButton
-        icon="i-lucide-chevron-down"
-        size="sm"
-        color="neutral"
-        variant="outline"
-      />
-    </UDropdownMenu>
-  </UButtonGroup>
-</template>
-
 <script setup lang="ts">
+import { useClipboard } from '@vueuse/core'
+
 const route = useRoute()
 const toast = useToast()
-const copyStatus = ref<'idle' | 'copying' | 'copied'>('idle')
+const { copy, copied } = useClipboard()
 
 const markdownLink = computed(() => `${window?.location?.origin}/raw${route.path}.md`)
 
@@ -46,7 +12,8 @@ const items = [
     label: 'Copy Markdown link',
     icon: 'i-lucide-link',
     onSelect() {
-      copyToClipboard(markdownLink.value)
+      copy(markdownLink.value)
+
       toast.add({
         title: 'Markdown link copied to clipboard',
         icon: 'i-lucide-check-circle',
@@ -73,21 +40,38 @@ const items = [
     to: `https://claude.ai/new?q=${encodeURIComponent(`Read ${markdownLink.value} so I can ask questions about it.`)}`,
   },
 ]
+</script>
 
-async function copyPage() {
-  copyStatus.value = 'copying'
-  const markdown = await $fetch<string>(markdownLink.value)
-  copyToClipboard(markdown)
-  copyStatus.value = 'copied'
-  setTimeout(() => {
-    copyStatus.value = 'idle'
-  }, 2000)
-}
+<template>
+  <UButtonGroup size="sm">
+    <UButton
+      label="Copy page"
+      :icon="copied ? 'i-lucide-copy-check' : 'i-lucide-copy'"
+      color="neutral"
+      variant="outline"
+      :ui="{
+        leadingIcon: [copied ? 'text-primary' : 'text-neutral', 'size-3.5'],
+      }"
+      @click="copy(markdownLink)"
+    />
 
-function copyToClipboard(text: string) {
-  // Fix for iOS Safari: https://stackoverflow.com/questions/62327358/javascript-clipboard-api-safari-ios-notallowederror-message
-  setTimeout(async () => {
-    await navigator.clipboard.writeText(text)
-  }, 0)
-}
-</script>
+    <UDropdownMenu
+      size="sm"
+      :items="items"
+      :content="{
+        align: 'end',
+        side: 'bottom',
+        sideOffset: 8,
+      }"
+      :ui="{
+        content: 'w-48',
+      }"
+    >
+      <UButton
+        icon="i-lucide-chevron-down"
+        color="neutral"
+        variant="outline"
+      />
+    </UDropdownMenu>
+  </UButtonGroup>
+</template>

package/app/app/layouts/docs.vue

@@ -13,7 +13,6 @@ const navigation = inject<Ref<ContentNavigationItem[]>>('navigation')
 
           <UContentNavigation
             highlight
-            variant="link"
             :navigation="navigation"
           />
         </UPageAside>

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

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { ContentNavigationItem } from '@nuxt/content'
 import { kebabCase } from 'scule'
-import { addPrerenderPath } from '../utils/prerender'
+import type { ContentNavigationItem } from '@nuxt/content'
 import { findPageHeadline } from '@nuxt/content/utils'
+import { addPrerenderPath } from '../utils/prerender'
 
 definePageMeta({
   layout: 'docs',
@@ -44,7 +44,18 @@ defineOgImageComponent('Docs', {
 })
 
 const editLink = computed(() => {
-  return appConfig.github && `${appConfig.github.url}/edit/${appConfig.github.branch}/content/${page.value?.stem}.${page.value?.extension}`
+  if (!appConfig.github) {
+    return
+  }
+
+  return [
+    appConfig.github.url,
+    'edit',
+    appConfig.github.branch,
+    appConfig.github.rootDir,
+    'content',
+    `${page.value?.stem}.${page.value?.extension}`,
+  ].filter(Boolean).join('/')
 })
 </script>
 
@@ -53,13 +64,19 @@ const editLink = computed(() => {
     <UPageHeader
       :title="page.title"
       :description="page.description"
-      :links="page.links"
       :headline="headline"
       :ui="{
         wrapper: 'flex-row items-center flex-wrap justify-between',
       }"
     >
       <template #links>
+        <UButton
+          v-for="(link, index) in page.links"
+          :key="index"
+          size="sm"
+          v-bind="link"
+        />
+
         <DocsPageHeaderLinks />
       </template>
     </UPageHeader>
@@ -106,6 +123,7 @@ const editLink = computed(() => {
       #right
     >
       <UContentToc
+        highlight
         :title="appConfig.toc?.title || 'Table of Contents'"
         :links="page.body?.toc?.links"
       >

package/app/nuxt.config.ts

@@ -26,6 +26,15 @@ export default defineNuxtConfig({
     enabled: dev,
   },
   css: ['../app/assets/css/main.css'],
+  content: {
+    build: {
+      markdown: {
+        highlight: {
+          langs: ['bash', 'diff', 'json', 'js', 'ts', 'html', 'css', 'vue', 'shell', 'mdc', 'md', 'yaml'],
+        },
+      },
+    },
+  },
   future: {
     compatibilityVersion: 4,
   },

package/app/nuxt.schema.ts

@@ -189,13 +189,27 @@ export default defineNuxtSchema({
     github: group({
       title: 'GitHub',
       description: 'GitHub configuration.',
-      icon: 'i-lucide-github',
+      icon: 'i-simple-icons-github',
       fields: {
         url: field({
           type: 'string',
           title: 'URL',
           description: 'GitHub URL.',
-          icon: 'i-lucide-github',
+          icon: 'i-simple-icons-github',
+          default: '',
+        }),
+        branch: field({
+          type: 'string',
+          title: 'Branch',
+          description: 'GitHub branch.',
+          icon: 'i-lucide-git-branch',
+          default: 'main',
+        }),
+        rootDir: field({
+          type: 'string',
+          title: 'Root Directory',
+          description: 'Root directory of the GitHub repository.',
+          icon: 'i-lucide-folder',
           default: '',
         }),
       },
@@ -210,20 +224,6 @@ declare module '@nuxt/schema' {
       title: string
       description: string
     }
-    ui: {
-      colors: {
-        primary: string
-        neutral: string
-      }
-      icons: {
-        search: string
-        dark: string
-        light: string
-        external: string
-        chevron: string
-        hash: string
-      } & Record<string, string>
-    }
     header: {
       title: string
       logo: {
@@ -250,6 +250,7 @@ declare module '@nuxt/schema' {
       name: string
       url: string
       branch: string
+      rootDir?: string
     }
   }
 }

package/package.json

@@ -6,7 +6,7 @@
     "url": "https://github.com/nuxtlabs/docus"
   },
   "private": false,
-  "version": "3.0.5-20250630-154143-16b60a9",
+  "version": "3.0.5-20250630-154807-1588c45",
   "keywords": [],
   "license": "MIT",
   "bin": {