docus 4.1.2 → 4.1.4

package/README.md

@@ -7,7 +7,7 @@
 [![npm version](https://img.shields.io/npm/v/docus.svg)](https://www.npmjs.com/package/docus)
 [![npm downloads](https://img.shields.io/npm/dm/docus.svg)](https://www.npmjs.com/package/docus)
 
-This is the official Nuxt layer for [Docus](https://docus.dev), providing a complete documentation theming. It works with the [Docus CLI](https://github.com/nuxtlabs/docus/tree/main/cli) for rapid project setup.
+This is the official Nuxt layer for [Docus](https://docus.dev), providing a complete documentation theming. It works with the [Docus CLI](https://github.com/nuxt-content/docus/tree/main/cli) for rapid project setup.
 
 ## 🚀 Features
 
@@ -108,8 +108,8 @@ Contributions are welcome! Please feel free to submit a Pull Request.
 ## 📞 Support
 
 - 📖 [Documentation](https://docus.dev)
-- 🐛 [Issues](https://github.com/nuxtlabs/docus/issues)
-- 💬 [Discussions](https://github.com/nuxtlabs/docus/discussions)
+- 🐛 [Issues](https://github.com/nuxt-content/docus/issues)
+- 💬 [Discussions](https://github.com/nuxt-content/docus/discussions)
 
 ---
 

package/app/app.config.ts

@@ -4,6 +4,12 @@ export default defineAppConfig({
       primary: 'emerald',
       neutral: 'zinc',
     },
+    commandPalette: {
+      slots: {
+        input: '[&_.iconify]:size-4 [&_.iconify]:mx-0.5',
+        itemLeadingIcon: 'size-4 mx-0.5',
+      },
+    },
   },
   uiPro: {
     contentNavigation: {
@@ -11,13 +17,6 @@ export default defineAppConfig({
         linkLeadingIcon: 'size-4 mr-1',
         linkTrailing: 'hidden',
       },
-      variants: {
-        active: {
-          false: {
-            link: 'text-toned hover:after:bg-accented',
-          },
-        },
-      },
       defaultVariants: {
         variant: 'link',
       },

package/app/app.vue

@@ -42,7 +42,7 @@ if (isEnabled.value) {
   })
 }
 
-const { data: navigation } = await useAsyncData(`navigation_${collectionName.value}`, () => queryCollectionNavigation(collectionName.value as keyof PageCollections), {
+const { data: navigation } = await useAsyncData(() => `navigation_${collectionName.value}`, () => queryCollectionNavigation(collectionName.value as keyof PageCollections), {
   transform: (data) => {
     const rootResult = data.find(item => item.path === '/docs')?.children || data || []
 

package/app/components/LanguageSelect.vue

@@ -58,13 +58,13 @@ function getEmojiFlag(locale: string): string {
     </UButton>
 
     <template #content>
-      <ul class="flex flex-col gap-2">
+      <ul class="flex flex-col">
         <li
           v-for="localeItem in locales"
           :key="localeItem.code"
         >
           <NuxtLink
-            class="flex justify-between py-2 px-1.5 gap-1 hover:bg-neutral-100 dark:hover:bg-neutral-800"
+            class="flex justify-between py-1.5 px-2 gap-1 hover:bg-muted"
             :to="switchLocalePath(localeItem.code) as string"
             :aria-label="localeItem.name"
           >

package/app/components/app/AppHeaderCenter.vue

@@ -2,5 +2,9 @@
   <UContentSearchButton
     :collapsed="false"
     class="w-full"
+    variant="soft"
+    :ui="{
+      leadingIcon: 'size-4 mr-1',
+    }"
   />
 </template>

package/app/components/docs/DocsPageHeaderLinks.vue

@@ -2,23 +2,17 @@
 import { useClipboard } from '@vueuse/core'
 
 const route = useRoute()
-const toast = useToast()
+
 const { copy, copied } = useClipboard()
 const { t } = useDocusI18n()
 
 const markdownLink = computed(() => `${window?.location?.origin}/raw${route.path}.md`)
 const items = [
   {
-    label: 'Copy Markdown link',
+    label: t('docs.copy.link'),
     icon: 'i-lucide-link',
     onSelect() {
       copy(markdownLink.value)
-
-      toast.add({
-        title: t('docs.copy.link'),
-        icon: 'i-lucide-check-circle',
-        color: 'success',
-      })
     },
   },
   {
@@ -51,11 +45,11 @@ async function copyPage() {
   <UButtonGroup size="sm">
     <UButton
       :label="t('docs.copy.page')"
-      :icon="copied ? 'i-lucide-copy-check' : 'i-lucide-copy'"
+      :icon="copied ? 'i-lucide-check' : 'i-lucide-copy'"
       color="neutral"
-      variant="outline"
+      variant="soft"
       :ui="{
-        leadingIcon: [copied ? 'text-primary' : 'text-neutral', 'size-3.5'],
+        leadingIcon: 'text-neutral size-3.5',
       }"
       @click="copyPage"
     />
@@ -68,14 +62,12 @@ async function copyPage() {
         side: 'bottom',
         sideOffset: 8,
       }"
-      :ui="{
-        content: 'w-48',
-      }"
     >
       <UButton
         icon="i-lucide-chevron-down"
         color="neutral"
-        variant="outline"
+        variant="soft"
+        class="border-l border-muted"
       />
     </UDropdownMenu>
   </UButtonGroup>

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

@@ -45,7 +45,11 @@ useSeoMeta({
   ogDescription: description,
 })
 
-const headline = computed(() => findPageHeadline(navigation?.value, page.value?.path))
+const headline = ref(findPageHeadline(navigation?.value, page.value?.path))
+watch(() => navigation?.value, () => {
+  headline.value = findPageHeadline(navigation?.value, page.value?.path) || headline.value
+})
+
 defineOgImageComponent('Docs', {
   headline: headline.value,
 })

package/app/templates/landing.vue

@@ -12,8 +12,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 as boolean
 const title = page.value.seo?.title || page.value.title
 const description = page.value.seo?.description || page.value.description
 
@@ -42,6 +40,5 @@ else {
   <ContentRenderer
     v-if="page"
     :value="page"
-    :prose="prose || false"
   />
 </template>

package/content.config.ts

@@ -36,7 +36,7 @@ if (locales && Array.isArray(locales)) {
       type: 'page',
       source: {
         cwd,
-        include: `${code}/**/*.md`,
+        include: `${code}/**/*`,
         prefix: `/${code}`,
         exclude: [`${code}/index.md`],
       },

package/i18n/locales/de.json

@@ -0,0 +1,22 @@
+{
+  "common": {
+    "or": "oder",
+    "error": {
+      "title": "Seite nicht gefunden",
+      "description": "Es tut uns leid, aber diese Seite konnte nicht gefunden werden."
+    }
+  },
+  "docs": {
+    "copy": {
+      "page": "Seite kopieren",
+      "link": "Markdown-Seite kopieren",
+      "view": "Als Markdown anzeigen",
+      "gpt": "In ChatGPT öffnen",
+      "claude": "In Claude öffnen"
+    },
+    "links": "Community",
+    "toc": "Auf dieser Seite",
+    "report": "Problem melden",
+    "edit": "Diese Seite bearbeiten"
+  }
+}

package/i18n/locales/fr.json

@@ -9,7 +9,7 @@
   "docs": {
     "copy": {
       "page": "Copier la page",
-      "link": "Copier la page Markdown",
+      "link": "Copier le lien Markdown",
       "view": "Voir en Markdown",
       "gpt": "Ouvrir dans ChatGPT",
       "claude": "Ouvrir dans Claude"

package/modules/config.ts

@@ -49,10 +49,6 @@ export default defineNuxtModule({
       branch: getGitBranch(),
     })
 
-    nuxt.options.appConfig.toc = defu(nuxt.options.appConfig.toc, {
-      title: 'On this page',
-    })
-
     /*
     ** I18N
     */

package/modules/css.ts

@@ -1,4 +1,4 @@
-import { defineNuxtModule, addTemplate } from '@nuxt/kit'
+import { defineNuxtModule, addTemplate, createResolver } from '@nuxt/kit'
 import { joinURL } from 'ufo'
 import { resolveModulePath } from 'exsolve'
 
@@ -8,10 +8,12 @@ export default defineNuxtModule({
   },
   async setup(_options, nuxt) {
     const dir = nuxt.options.rootDir
+    const resolver = createResolver(import.meta.url)
 
     const contentDir = joinURL(dir, 'content')
     const uiProPath = resolveModulePath('@nuxt/ui-pro', { from: import.meta.url, conditions: ['style'] })
     const tailwindPath = resolveModulePath('tailwindcss', { from: import.meta.url, conditions: ['style'] })
+    const layerDir = resolver.resolve('../app')
 
     const cssTemplate = addTemplate({
       filename: 'docus.css',
@@ -20,6 +22,7 @@ export default defineNuxtModule({
 @import ${JSON.stringify(uiProPath)};
 
 @source "${contentDir.replace(/\\/g, '/')}/**/*";
+@source "${layerDir.replace(/\\/g, '/')}/**/*";
 @source "../../app.config.ts";`
       },
     })

package/nuxt.config.ts

@@ -33,6 +33,13 @@ export default defineNuxtConfig({
         highlight: {
           langs: ['bash', 'diff', 'json', 'js', 'ts', 'html', 'css', 'vue', 'shell', 'mdc', 'md', 'yaml'],
         },
+        remarkPlugins: {
+          'remark-mdc': {
+            options: {
+              autoUnwrap: true,
+            },
+          },
+        },
       },
     },
   },

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "docus",
   "description": "Nuxt layer for Docus documentation theme",
-  "version": "4.1.2",
+  "version": "4.1.4",
   "type": "module",
   "main": "./nuxt.config.ts",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/nuxtlabs/docus.git"
+    "url": "git+https://github.com/nuxt-content/docus.git"
   },
   "private": false,
   "license": "MIT",