docus 4.1.4 → 5.0.0

package/app/app.config.ts

@@ -10,8 +10,6 @@ export default defineAppConfig({
         itemLeadingIcon: 'size-4 mx-0.5',
       },
     },
-  },
-  uiPro: {
     contentNavigation: {
       slots: {
         linkLeadingIcon: 'size-4 mr-1',

package/app/app.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import type { PageCollections } from '@nuxt/content'
-import * as nuxtUiProLocales from '@nuxt/ui-pro/locale'
+import * as nuxtUiLocales from '@nuxt/ui/locale'
 
 const { seo } = useAppConfig()
 const site = useSiteConfig()
 const { locale, locales, isEnabled, switchLocalePath } = useDocusI18n()
 
-const lang = computed(() => nuxtUiProLocales[locale.value as keyof typeof nuxtUiProLocales]?.code || 'en')
-const dir = computed(() => nuxtUiProLocales[locale.value as keyof typeof nuxtUiProLocales]?.dir || 'ltr')
+const lang = computed(() => nuxtUiLocales[locale.value as keyof typeof nuxtUiLocales]?.code || 'en')
+const dir = computed(() => nuxtUiLocales[locale.value as keyof typeof nuxtUiLocales]?.dir || 'ltr')
 const collectionName = computed(() => isEnabled.value ? `docs_${locale.value}` : 'docs')
 
 useHead({
@@ -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)) {
@@ -58,18 +58,12 @@ provide('navigation', navigation)
 </script>
 
 <template>
-  <UApp :locale="nuxtUiProLocales[locale as keyof typeof nuxtUiProLocales]">
+  <UApp :locale="nuxtUiLocales[locale as keyof typeof nuxtUiLocales]">
     <NuxtLoadingIndicator color="var(--ui-primary)" />
 
-    <AppHeader />
-
-    <UMain>
-      <NuxtLayout>
-        <NuxtPage />
-      </NuxtLayout>
-    </UMain>
-
-    <AppFooter />
+    <NuxtLayout>
+      <NuxtPage />
+    </NuxtLayout>
 
     <ClientOnly>
       <LazyUContentSearch

package/app/components/docs/DocsPageHeaderLinks.vue

@@ -42,7 +42,7 @@ async function copyPage() {
 </script>
 
 <template>
-  <UButtonGroup size="sm">
+  <UFieldGroup size="sm">
     <UButton
       :label="t('docs.copy.page')"
       :icon="copied ? 'i-lucide-check' : 'i-lucide-copy'"
@@ -70,5 +70,5 @@ async function copyPage() {
         class="border-l border-muted"
       />
     </UDropdownMenu>
-  </UButtonGroup>
+  </UFieldGroup>
 </template>

package/app/error.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { NuxtError } from '#app'
 import type { PageCollections } from '@nuxt/content'
-import * as nuxtUiProLocales from '@nuxt/ui-pro/locale'
+import * as nuxtUiLocales from '@nuxt/ui/locale'
 
 const props = defineProps<{
   error: NuxtError
@@ -9,8 +9,8 @@ const props = defineProps<{
 
 const { locale, locales, isEnabled, t, switchLocalePath } = useDocusI18n()
 
-const lang = computed(() => nuxtUiProLocales[locale.value as keyof typeof nuxtUiProLocales]?.code || 'en')
-const dir = computed(() => nuxtUiProLocales[locale.value as keyof typeof nuxtUiProLocales]?.dir || 'ltr')
+const lang = computed(() => nuxtUiLocales[locale.value as keyof typeof nuxtUiLocales]?.code || 'en')
+const dir = computed(() => nuxtUiLocales[locale.value as keyof typeof nuxtUiLocales]?.dir || 'ltr')
 useHead({
   htmlAttrs: {
     lang,
@@ -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`)
 

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(),

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/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/css.ts

@@ -11,7 +11,7 @@ export default defineNuxtModule({
     const resolver = createResolver(import.meta.url)
 
     const contentDir = joinURL(dir, 'content')
-    const uiProPath = resolveModulePath('@nuxt/ui-pro', { from: import.meta.url, conditions: ['style'] })
+    const uiPath = resolveModulePath('@nuxt/ui', { from: import.meta.url, conditions: ['style'] })
     const tailwindPath = resolveModulePath('tailwindcss', { from: import.meta.url, conditions: ['style'] })
     const layerDir = resolver.resolve('../app')
 
@@ -19,7 +19,7 @@ export default defineNuxtModule({
       filename: 'docus.css',
       getContents: () => {
         return `@import ${JSON.stringify(tailwindPath)};
-@import ${JSON.stringify(uiProPath)};
+@import ${JSON.stringify(uiPath)};
 
 @source "${contentDir.replace(/\\/g, '/')}/**/*";
 @source "${layerDir.replace(/\\/g, '/')}/**/*";
@@ -27,6 +27,6 @@ export default defineNuxtModule({
       },
     })
 
-    nuxt.options.css.push(cssTemplate.dst)
+    nuxt.options.css.unshift(cssTemplate.dst)
   },
 })

package/nuxt.config.ts

@@ -7,7 +7,7 @@ export default defineNuxtConfig({
     resolve('./modules/config'),
     resolve('./modules/routing'),
     resolve('./modules/css'),
-    '@nuxt/ui-pro',
+    '@nuxt/ui',
     '@nuxt/content',
     '@nuxt/image',
     '@nuxtjs/robots',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "docus",
   "description": "Nuxt layer for Docus documentation theme",
-  "version": "4.1.4",
+  "version": "5.0.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.53",
+    "@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": "^4.0.0",
+    "@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>