docus 3.0.6-20250701-083836-42ab7dc → 3.1.0-20250619-105902-65a477a

package/README.md

@@ -15,7 +15,6 @@ Ship fast, flexible, and SEO-optimized documentation with beautiful design out o
 - [Nuxt UI](https://ui.nuxt.com/)
 - [Nuxt Image](https://image.nuxt.com/)
 - [Nuxt LLMs](https://github.com/nuxtlabs/nuxt-llms)
-- [Nuxt SEO](https://nuxtseo.com/)
 - [UnJS ecosystem](https://unjs.io/)
 - [Nuxt Studio](https://content.nuxt.com/studio) 
 

package/app/app/app.config.ts

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

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

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

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

@@ -1,60 +1,17 @@
-<script setup lang="ts">
-import { useClipboard } from '@vueuse/core'
-
-const route = useRoute()
-const toast = useToast()
-const { copy, copied } = useClipboard()
-
-const markdownLink = computed(() => `${window?.location?.origin}/raw${route.path}.md`)
-
-const items = [
-  {
-    label: 'Copy Markdown link',
-    icon: 'i-lucide-link',
-    onSelect() {
-      copy(markdownLink.value)
-
-      toast.add({
-        title: 'Markdown link copied to clipboard',
-        icon: 'i-lucide-check-circle',
-        color: 'success',
-      })
-    },
-  },
-  {
-    label: 'View as Markdown',
-    icon: 'i-simple-icons:markdown',
-    target: '_blank',
-    to: markdownLink.value,
-  },
-  {
-    label: 'Open in ChatGPT',
-    icon: 'i-simple-icons:openai',
-    target: '_blank',
-    to: `https://chatgpt.com/?hints=search&q=${encodeURIComponent(`Read ${markdownLink.value} so I can ask questions about it.`)}`,
-  },
-  {
-    label: 'Open in Claude',
-    icon: 'i-simple-icons:anthropic',
-    target: '_blank',
-    to: `https://claude.ai/new?q=${encodeURIComponent(`Read ${markdownLink.value} so I can ask questions about it.`)}`,
-  },
-]
-</script>
-
 <template>
-  <UButtonGroup size="sm">
+  <UButtonGroup>
     <UButton
       label="Copy page"
-      :icon="copied ? 'i-lucide-copy-check' : 'i-lucide-copy'"
+      :icon="copyStatus === 'copied' ? 'i-lucide-copy-check' : 'i-lucide-copy'"
       color="neutral"
       variant="outline"
+      :loading="copyStatus === 'copying'"
+      size="xs"
       :ui="{
-        leadingIcon: [copied ? 'text-primary' : 'text-neutral', 'size-3.5'],
+        leadingIcon: [copyStatus === 'copied' ? 'text-primary' : 'text-neutral', 'size-3.5'],
       }"
-      @click="copy(markdownLink)"
+      @click="copyPage"
     />
-
     <UDropdownMenu
       size="sm"
       :items="items"
@@ -69,9 +26,66 @@ const items = [
     >
       <UButton
         icon="i-lucide-chevron-down"
+        size="sm"
         color="neutral"
         variant="outline"
       />
     </UDropdownMenu>
   </UButtonGroup>
 </template>
+
+<script setup lang="ts">
+const route = useRoute()
+const copyStatus = ref<'idle' | 'copying' | 'copied'>('idle')
+
+const items = [
+  {
+    label: 'Copy Markdown link',
+    icon: 'i-lucide-link',
+    onSelect() {
+      navigator.clipboard.writeText(`${window.location.origin}/raw${route.path}.md`)
+    },
+  },
+  {
+    label: 'View as Markdown',
+    icon: 'i-simple-icons:markdown',
+    target: '_blank',
+    onSelect() {
+      window.open(`${window.location.origin}/raw${route.path}.md`, '_blank')
+    },
+  },
+  {
+    label: 'Open in ChatGPT',
+    icon: 'i-simple-icons:openai',
+    target: '_blank',
+    onSelect() {
+      window.open(`https://chatgpt.com/?hints=search&q=${encodeURIComponent(`Read ${window.location.origin}/raw${route.path}.md so I can ask questions about it.`)}`, '_blank')
+    },
+  },
+  {
+    label: 'Open in Claude',
+    icon: 'i-simple-icons:anthropic',
+    target: '_blank',
+    onSelect() {
+      window.open(`https://claude.ai/new?q=${encodeURIComponent(`Read ${window.location.origin}/raw${route.path}.md so I can ask questions about it.`)}`, '_blank')
+    },
+  },
+]
+
+async function copyPage() {
+  copyStatus.value = 'copying'
+  const markdown = await $fetch<string>(`${window.location.origin}/raw${route.path}.md`)
+  copyToClipboard(markdown)
+  copyStatus.value = 'copied'
+  setTimeout(() => {
+    copyStatus.value = 'idle'
+  }, 2000)
+}
+
+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>

package/app/app/layouts/docs.vue

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

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

@@ -1,8 +1,7 @@
 <script setup lang="ts">
-import { kebabCase } from 'scule'
 import type { ContentNavigationItem } from '@nuxt/content'
-import { findPageHeadline } from '@nuxt/content/utils'
-import { addPrerenderPath } from '../utils/prerender'
+import { kebabCase } from 'scule'
+import { findPageHeadline } from '#ui-pro/utils/content'
 
 definePageMeta({
   layout: 'docs',
@@ -25,9 +24,6 @@ if (!page.value) {
   throw createError({ statusCode: 404, statusMessage: 'Page not found', fatal: true })
 }
 
-// Add the page path to the prerender list
-addPrerenderPath(`/raw${route.path}.md`)
-
 const title = page.value.seo?.title || page.value.title
 const description = page.value.seo?.description || page.value.description
 
@@ -38,24 +34,13 @@ useSeoMeta({
   ogDescription: description,
 })
 
-const headline = computed(() => findPageHeadline(navigation?.value, page.value?.path))
+const headline = computed(() => findPageHeadline(navigation?.value, page.value))
 defineOgImageComponent('Docs', {
   headline: headline.value,
 })
 
 const editLink = computed(() => {
-  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('/')
+  return appConfig.github && `${appConfig.github.url}/edit/${appConfig.github.branch}/content/${page.value?.stem}.${page.value?.extension}`
 })
 </script>
 
@@ -64,19 +49,13 @@ 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>
@@ -123,7 +102,6 @@ const editLink = computed(() => {
       #right
     >
       <UContentToc
-        highlight
         :title="appConfig.toc?.title || 'Table of Contents'"
         :links="page.body?.toc?.links"
       >

package/app/app/pages/index.vue

@@ -4,8 +4,6 @@ if (!page.value) {
   throw createError({ statusCode: 404, statusMessage: 'Page not found', fatal: true })
 }
 
-// Reconsider it once this is implemented: https://github.com/nuxt/content/issues/3419
-const prose = page.value.meta.prose
 const title = page.value.seo?.title || page.value.title
 const description = page.value.seo?.description || page.value.description
 
@@ -34,6 +32,6 @@ else {
   <ContentRenderer
     v-if="page"
     :value="page"
-    :prose="prose || false"
+    :prose="false"
   />
 </template>

package/app/modules/default-configs.ts

@@ -1,4 +1,4 @@
-import { defineNuxtModule } from '@nuxt/kit'
+import { defineNuxtModule } from 'nuxt/kit'
 import { defu } from 'defu'
 import { inferSiteURL, getPackageJsonMetadata } from '../app/utils/meta'
 import { getGitBranch, getGitEnv, getLocalGitInfo } from '../app/utils/git'

package/app/nuxt.config.ts

@@ -26,15 +26,6 @@ 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,
   },
@@ -43,7 +34,6 @@ export default defineNuxtConfig({
       routes: ['/'],
       crawlLinks: true,
       failOnError: false,
-      autoSubfolderIndex: false,
     },
   },
   icon: {

package/app/nuxt.schema.ts

@@ -189,27 +189,13 @@ export default defineNuxtSchema({
     github: group({
       title: 'GitHub',
       description: 'GitHub configuration.',
-      icon: 'i-simple-icons-github',
+      icon: 'i-lucide-github',
       fields: {
         url: field({
           type: 'string',
           title: 'URL',
           description: 'GitHub URL.',
-          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',
+          icon: 'i-lucide-github',
           default: '',
         }),
       },
@@ -224,6 +210,20 @@ 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,7 +250,6 @@ 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.6-20250701-083836-42ab7dc",
+  "version": "3.1.0-20250619-105902-65a477a",
   "keywords": [],
   "license": "MIT",
   "bin": {
@@ -31,28 +31,27 @@
     "release": "npm run lint && npm run test && npm run build && release-it"
   },
   "dependencies": {
-    "@iconify-json/lucide": "^1.2.54",
-    "@iconify-json/simple-icons": "^1.2.41",
-    "@iconify-json/vscode-icons": "^1.2.23",
-    "@nuxt/content": "^3.6.1",
+    "@iconify-json/lucide": "^1.2.47",
+    "@iconify-json/simple-icons": "^1.2.38",
+    "@iconify-json/vscode-icons": "^1.2.22",
+    "@nuxt/content": "^3.6.0",
     "@nuxt/image": "^1.10.0",
     "@nuxt/kit": "^3.17.5",
-    "@nuxt/ui-pro": "^3.2.0",
+    "@nuxt/ui-pro": "^3.1.3",
     "@nuxtjs/mdc": "^0.17.0",
-    "@nuxtjs/robots": "^5.3.0",
+    "@nuxtjs/robots": "^5.2.10",
     "c12": "^3.0.4",
     "citty": "^0.1.6",
-    "defu": "^6.1.4",
-    "dotenv": "^17.0.0",
+    "dotenv": "^16.5.0",
     "git-url-parse": "^16.1.0",
     "minimark": "^0.2.0",
-    "motion-v": "^1.3.1",
+    "motion-v": "^1.2.1",
     "nuxi": "^3.25.1",
     "nuxt-llms": "^0.1.3",
-    "nuxt-og-image": "^5.1.8",
-    "pkg-types": "^2.2.0",
+    "nuxt-og-image": "^5.1.6",
+    "pkg-types": "^2.1.0",
     "scule": "^1.3.0",
-    "tailwindcss": "^4.1.11",
+    "tailwindcss": "^4.1.8",
     "ufo": "^1.6.1",
     "unctx": "^2.4.1",
     "unist-util-visit": "^5.0.0"
@@ -61,18 +60,18 @@
     "@nuxt/eslint-config": "^1.4.1",
     "@release-it/conventional-changelog": "^10.0.1",
     "@stylistic/eslint-plugin": "^4.4.1",
-    "@types/node": "^24.0.8",
-    "@typescript-eslint/parser": "^8.35.1",
+    "@types/node": "^24.0.0",
+    "@typescript-eslint/parser": "^8.34.0",
     "changelogen": "^0.6.1",
-    "eslint": "^9.30.0",
+    "eslint": "^9.28.0",
     "release-it": "^19.0.3",
     "tsup": "^8.5.0",
-    "tsx": "^4.20.3",
+    "tsx": "^4.19.4",
     "typescript": "^5.8.3"
   },
   "peerDependencies": {
     "better-sqlite3": "11.x",
     "nuxt": "3.x"
   },
-  "packageManager": "pnpm@10.12.4"
+  "packageManager": "pnpm@10.12.1"
 }

package/app/app/utils/prerender.ts

@@ -1,12 +0,0 @@
-export const addPrerenderPath = (path: string) => {
-  const event = useRequestEvent()
-  if (event) {
-    event.node.res.setHeader(
-      'x-nitro-prerender',
-      [
-        event.node.res.getHeader('x-nitro-prerender'),
-        path,
-      ].filter(Boolean).join(','),
-    )
-  }
-}