docus 4.1.3 → 4.2.0

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

@@ -33,7 +33,7 @@ useSeoMeta({
 
 if (isEnabled.value) {
   const route = useRoute()
-  const defaultLocale = useRuntimeConfig().public.i18n.defaultLocale
+  const defaultLocale = useRuntimeConfig().public.i18n.defaultLocale!
   onMounted(() => {
     const currentLocale = route.path.split('/')[1]
     if (!locales.some(locale => locale.code === currentLocale)) {
@@ -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 || []
 
@@ -61,15 +61,9 @@ provide('navigation', navigation)
   <UApp :locale="nuxtUiProLocales[locale as keyof typeof nuxtUiProLocales]">
     <NuxtLoadingIndicator color="var(--ui-primary)" />
 
-    <AppHeader />
-
-    <UMain>
-      <NuxtLayout>
-        <NuxtPage />
-      </NuxtLayout>
-    </UMain>
-
-    <AppFooter />
+    <NuxtLayout>
+      <NuxtPage />
+    </NuxtLayout>
 
     <ClientOnly>
       <LazyUContentSearch

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/error.vue

@@ -32,7 +32,7 @@ useSeoMeta({
 
 if (isEnabled.value) {
   const route = useRoute()
-  const defaultLocale = useRuntimeConfig().public.i18n.defaultLocale
+  const defaultLocale = useRuntimeConfig().public.i18n.defaultLocale!
   onMounted(() => {
     const currentLocale = route.path.split('/')[1]
     if (!locales.some(locale => locale.code === currentLocale)) {

package/app/layouts/default.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import type { ContentNavigationItem } from '@nuxt/content'
+
+const route = useRoute()
+const docsNavigation = inject<Ref<ContentNavigationItem[]>>('navigation')
+const docsLink = computed(() => docsNavigation?.value.flatMap(item => item.children || [item]) || [])
+const isDocs = computed(() => docsLink.value.findIndex(item => item.path === route.path) !== -1)
+</script>
+
+<template>
+  <AppHeader />
+  <UMain>
+    <slot v-if="!isDocs" />
+    <UContainer v-else>
+      <UPage>
+        <template #left>
+          <UPageAside>
+            <DocsAsideLeftTop />
+
+            <DocsAsideLeftBody />
+          </UPageAside>
+        </template>
+
+        <slot />
+      </UPage>
+    </UContainer>
+  </UMain>
+  <AppFooter />
+</template>

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

@@ -4,10 +4,6 @@ import type { ContentNavigationItem, Collections, DocsCollectionItem } from '@nu
 import { findPageHeadline } from '@nuxt/content/utils'
 import { addPrerenderPath } from '../../utils/prerender'
 
-definePageMeta({
-  layout: 'docs',
-})
-
 const route = useRoute()
 const { locale, isEnabled, t } = useDocusI18n()
 const appConfig = useAppConfig()
@@ -28,10 +24,6 @@ if (!page.value) {
   throw createError({ statusCode: 404, statusMessage: 'Page not found', fatal: true })
 }
 
-if (page.value.layout) {
-  setPageLayout(page.value.layout as never)
-}
-
 // Add the page path to the prerender list
 addPrerenderPath(`/raw${route.path}.md`)
 
@@ -45,7 +37,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/content.config.ts

@@ -8,7 +8,6 @@ const cwd = joinURL(options.rootDir, 'content')
 const locales = options.i18n?.locales
 
 const createDocsSchema = () => z.object({
-  layout: z.string().optional(),
   links: z.array(z.object({
     label: z.string(),
     icon: z.string(),
@@ -36,7 +35,7 @@ if (locales && Array.isArray(locales)) {
       type: 'page',
       source: {
         cwd,
-        include: `${code}/**/*.md`,
+        include: `${code}/**/*`,
         prefix: `/${code}`,
         exclude: [`${code}/index.md`],
       },

package/i18n/locales/be.json

@@ -0,0 +1,23 @@
+{
+  "common": {
+    "or": "або",
+    "error": {
+      "title": "Старонка не знойдзена",
+      "description": "Прабачце, але старонка, якую вы шукаеце, не знойдзена."
+    }
+  },
+  "docs": {
+    "copy": {
+      "page": "Скапіраваць старонку",
+      "link": "Скапіраваць Markdown-старонку",
+      "view": "Праглядзець як Markdown",
+      "gpt": "Адкрыць у ChatGPT",
+      "claude": "Адкрыць у Claude"
+    },
+    "links": "Супольнасць",
+    "toc": "На гэтай старонцы",
+    "report": "Паведаміць пра праблему",
+    "edit": "Рэдагаваць гэтую старонку"
+  }
+}
+

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/i18n/locales/pl.json

@@ -0,0 +1,23 @@
+{
+  "common": {
+    "or": "lub",
+    "error": {
+      "title": "Nie znaleziono strony",
+      "description": "Przepraszamy, ale nie znaleziono tej strony."
+    }
+  },
+  "docs": {
+    "copy": {
+      "page": "Skopiuj stronę",
+      "link": "Skopiuj stronę Markdown",
+      "view": "Wyświetl jako Markdown",
+      "gpt": "Otwórz w ChatGPT",
+      "claude": "Otwórz w Claude"
+    },
+    "links": "Społeczność",
+    "toc": "Na tej stronie",
+    "report": "Zgłoś problem",
+    "edit": "Edytuj tę stronę"
+  }
+}
+

package/i18n/locales/ru.json

@@ -0,0 +1,23 @@
+{
+  "common": {
+    "or": "или",
+    "error": {
+      "title": "Страница не найдена",
+      "description": "Извините, но запрашиваемая страница не найдена."
+    }
+  },
+  "docs": {
+    "copy": {
+      "page": "Копировать страницу",
+      "link": "Копировать Markdown-страницу",
+      "view": "Просмотреть как Markdown",
+      "gpt": "Открыть в ChatGPT",
+      "claude": "Открыть в Claude"
+    },
+    "links": "Сообщество",
+    "toc": "На этой странице",
+    "report": "Сообщить о проблеме",
+    "edit": "Редактировать эту страницу"
+  }
+}
+

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,10 +22,11 @@ export default defineNuxtModule({
 @import ${JSON.stringify(uiProPath)};
 
 @source "${contentDir.replace(/\\/g, '/')}/**/*";
+@source "${layerDir.replace(/\\/g, '/')}/**/*";
 @source "../../app.config.ts";`
       },
     })
 
-    nuxt.options.css.push(cssTemplate.dst)
+    nuxt.options.css.unshift(cssTemplate.dst)
   },
 })

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "docus",
   "description": "Nuxt layer for Docus documentation theme",
-  "version": "4.1.3",
+  "version": "4.2.0",
   "type": "module",
   "main": "./nuxt.config.ts",
   "repository": {
@@ -22,27 +22,27 @@
     "README.md"
   ],
   "dependencies": {
-    "@iconify-json/lucide": "^1.2.60",
-    "@iconify-json/simple-icons": "^1.2.46",
-    "@iconify-json/vscode-icons": "^1.2.24",
-    "@nuxt/content": "^3.6.3",
+    "@iconify-json/lucide": "^1.2.68",
+    "@iconify-json/simple-icons": "^1.2.52",
+    "@iconify-json/vscode-icons": "^1.2.30",
+    "@nuxt/content": "^3.7.1",
     "@nuxt/image": "^1.11.0",
-    "@nuxt/kit": "^4.0.3",
-    "@nuxt/ui-pro": "^3.3.0",
-    "@nuxtjs/i18n": "^10.0.3",
-    "@nuxtjs/mdc": "^0.17.2",
-    "@nuxtjs/robots": "^5.4.0",
-    "@vueuse/core": "^13.6.0",
+    "@nuxt/kit": "^4.1.2",
+    "@nuxt/ui-pro": "^3.3.4",
+    "@nuxtjs/i18n": "^10.1.0",
+    "@nuxtjs/mdc": "^0.17.4",
+    "@nuxtjs/robots": "^5.5.5",
+    "@vueuse/core": "^13.9.0",
     "defu": "^6.1.4",
     "exsolve": "^1.0.7",
     "git-url-parse": "^16.1.0",
     "minimark": "^0.2.0",
-    "motion-v": "^1.7.0",
+    "motion-v": "^1.7.1",
     "nuxt-llms": "^0.1.3",
-    "nuxt-og-image": "^5.1.9",
-    "pkg-types": "^2.2.0",
+    "nuxt-og-image": "^5.1.11",
+    "pkg-types": "^2.3.0",
     "scule": "^1.3.0",
-    "tailwindcss": "^4.1.11",
+    "tailwindcss": "^4.1.13",
     "ufo": "^1.6.1"
   },
   "peerDependencies": {

package/app/layouts/docs.vue

@@ -1,15 +0,0 @@
-<template>
-  <UContainer>
-    <UPage>
-      <template #left>
-        <UPageAside>
-          <DocsAsideLeftTop />
-
-          <DocsAsideLeftBody />
-        </UPageAside>
-      </template>
-
-      <slot />
-    </UPage>
-  </UContainer>
-</template>