@movk/nuxt-docs 1.17.1 → 1.17.3

package/app/composables/useTheme.ts

@@ -7,11 +7,12 @@ export function useTheme() {
   const appConfig = useAppConfig()
   const colorMode = useColorMode()
   const site = useSiteConfig()
+  const name = kebabCase(site.name)
 
-  const radius = useLocalStorage(`${site.name}-ui-radius`, 0.25)
-  const font = useLocalStorage(`${site.name}-ui-font`, 'Alibaba PuHuiTi')
-  const _iconSet = useLocalStorage(`${site.name}-ui-icons`, 'lucide')
-  const blackAsPrimary = useLocalStorage(`${site.name}-ui-black-as-primary`, false)
+  const radius = useLocalStorage(`${name}-ui-radius`, 0.25)
+  const font = useLocalStorage(`${name}-ui-font`, 'Alibaba PuHuiTi')
+  const _iconSet = useLocalStorage(`${name}-ui-icons`, 'lucide')
+  const blackAsPrimary = useLocalStorage(`${name}-ui-black-as-primary`, false)
 
   const neutralColors = ['slate', 'gray', 'zinc', 'neutral', 'stone', 'taupe', 'mauve', 'mist', 'olive']
   const neutral = computed({
@@ -20,7 +21,7 @@ export function useTheme() {
     },
     set(option) {
       appConfig.ui.colors.neutral = option
-      window.localStorage.setItem(`${site.name}-ui-neutral`, appConfig.ui.colors.neutral)
+      window.localStorage.setItem(`${name}-ui-neutral`, appConfig.ui.colors.neutral)
     }
   })
 
@@ -32,7 +33,7 @@ export function useTheme() {
     },
     set(option) {
       appConfig.ui.colors.primary = option
-      window.localStorage.setItem(`${site.name}-ui-primary`, appConfig.ui.colors.primary)
+      window.localStorage.setItem(`${name}-ui-primary`, appConfig.ui.colors.primary)
       blackAsPrimary.value = false
     }
   })
@@ -92,9 +93,9 @@ export function useTheme() {
   })
 
   const style = [
-    { innerHTML: radiusStyle, id: `${site.name}-ui-radius`, tagPriority: -2 },
-    { innerHTML: blackAsPrimaryStyle, id: `${site.name}-ui-black-as-primary`, tagPriority: -2 },
-    { innerHTML: fontStyle, id: `${site.name}-ui-font`, tagPriority: -2 }
+    { innerHTML: radiusStyle, id: `${name}-ui-radius`, tagPriority: -2 },
+    { innerHTML: blackAsPrimaryStyle, id: `${name}-ui-black-as-primary`, tagPriority: -2 },
+    { innerHTML: fontStyle, id: `${name}-ui-font`, tagPriority: -2 }
   ]
 
   const hasCSSChanges = computed(() => {
@@ -166,10 +167,10 @@ export function useTheme() {
 
   function resetTheme() {
     appConfig.ui.colors.primary = 'green'
-    window.localStorage.removeItem(`${site.name}-ui-primary`)
+    window.localStorage.removeItem(`${name}-ui-primary`)
 
     appConfig.ui.colors.neutral = 'slate'
-    window.localStorage.removeItem(`${site.name}-ui-neutral`)
+    window.localStorage.removeItem(`${name}-ui-neutral`)
 
     radius.value = 0.25
     font.value = 'Alibaba PuHuiTi'
@@ -177,9 +178,9 @@ export function useTheme() {
     appConfig.ui.icons = themeIcons.lucide as any
     blackAsPrimary.value = false
 
-    window.localStorage.removeItem(`${site.name}-ui-ai-theme`)
-    window.localStorage.removeItem(`${site.name}-ui-custom-colors`)
-    window.localStorage.removeItem(`${site.name}-ui-css-variables`)
+    window.localStorage.removeItem(`${name}-ui-ai-theme`)
+    window.localStorage.removeItem(`${name}-ui-custom-colors`)
+    window.localStorage.removeItem(`${name}-ui-css-variables`)
   }
 
   return {

package/app/plugins/theme.ts

@@ -1,19 +1,21 @@
 import { themeIcons } from '../utils/theme'
+import { kebabCase } from '@movk/core'
 
 export default defineNuxtPlugin({
   enforce: 'post',
   setup() {
     const appConfig = useAppConfig()
     const site = useSiteConfig()
+    const name = kebabCase(site.name)
 
     if (import.meta.client) {
-      const primary = localStorage.getItem(`${site.name}-ui-primary`)
+      const primary = localStorage.getItem(`${name}-ui-primary`)
       if (primary) appConfig.ui.colors.primary = primary
 
-      const neutral = localStorage.getItem(`${site.name}-ui-neutral`)
+      const neutral = localStorage.getItem(`${name}-ui-neutral`)
       if (neutral) appConfig.ui.colors.neutral = neutral
 
-      const icons = localStorage.getItem(`${site.name}-ui-icons`)
+      const icons = localStorage.getItem(`${name}-ui-icons`)
       if (icons) appConfig.ui.icons = themeIcons[icons as keyof typeof themeIcons] as any
     }
 
@@ -24,8 +26,8 @@ export default defineNuxtPlugin({
             var colorsEl = document.querySelector('style#nuxt-ui-colors');
             if (colorsEl) {
               let html = colorsEl.innerHTML;
-              if (localStorage.getItem('${site.name}-ui-primary')) {
-                const primaryColor = localStorage.getItem('${site.name}-ui-primary');
+              if (localStorage.getItem('${name}-ui-primary')) {
+                const primaryColor = localStorage.getItem('${name}-ui-primary');
                 if (primaryColor !== 'black') {
                   html = html.replace(
                     /(--ui-color-primary-\\d{2,3}:\\s*var\\(--color-)${appConfig.ui.colors.primary}(-\\d{2,3}.*?\\))/g,
@@ -33,8 +35,8 @@ export default defineNuxtPlugin({
                   );
                 }
               }
-              if (localStorage.getItem('${site.name}-ui-neutral')) {
-                let neutralColor = localStorage.getItem('${site.name}-ui-neutral');
+              if (localStorage.getItem('${name}-ui-neutral')) {
+                let neutralColor = localStorage.getItem('${name}-ui-neutral');
                 html = html.replace(
                   /(--ui-color-neutral-\\d{2,3}:\\s*var\\(--color-)${appConfig.ui.colors.neutral}(-\\d{2,3}.*?\\))/g,
                   \`$1\${neutralColor === 'neutral' ? 'old-neutral' : neutralColor}$2\`
@@ -48,25 +50,25 @@ export default defineNuxtPlugin({
           tagPriority: -1
         }, {
           innerHTML: `
-            if (localStorage.getItem('${site.name}-ui-radius')) {
-              document.getElementById('${site.name}-ui-radius').innerHTML = ':root { --ui-radius: ' + localStorage.getItem('${site.name}-ui-radius') + 'rem; }';
+            if (localStorage.getItem('${name}-ui-radius')) {
+              document.getElementById('${name}-ui-radius').innerHTML = ':root { --ui-radius: ' + localStorage.getItem('${name}-ui-radius') + 'rem; }';
             }
           `.replace(/\s+/g, ' '),
           type: 'text/javascript',
           tagPriority: -1
         }, {
           innerHTML: `
-            if (localStorage.getItem('${site.name}-ui-black-as-primary') === 'true') {
-              document.getElementById('${site.name}-ui-black-as-primary').innerHTML = ':root { --ui-primary: black; } .dark { --ui-primary: white; }';
+            if (localStorage.getItem('${name}-ui-black-as-primary') === 'true') {
+              document.getElementById('${name}-ui-black-as-primary').innerHTML = ':root { --ui-primary: black; } .dark { --ui-primary: white; }';
             } else {
-              document.getElementById('${site.name}-ui-black-as-primary').innerHTML = '';
+              document.getElementById('${name}-ui-black-as-primary').innerHTML = '';
             }
           `.replace(/\s+/g, ' ')
         }, {
           innerHTML: [
-            `if (localStorage.getItem('${site.name}-ui-font')) {`,
-            `var font = localStorage.getItem('${site.name}-ui-font');`,
-            `document.getElementById('${site.name}-ui-font').innerHTML = ':root { --font-sans: \\'' + font + '\\', sans-serif; }';`,
+            `if (localStorage.getItem('${name}-ui-font')) {`,
+            `var font = localStorage.getItem('${name}-ui-font');`,
+            `document.getElementById('${name}-ui-font').innerHTML = ':root { --font-sans: \\'' + font + '\\', sans-serif; }';`,
             `if (font !== 'Alibaba PuHuiTi' && ['Alibaba PuHuiTi', 'Public Sans', 'DM Sans', 'Geist', 'Inter', 'Poppins', 'Outfit', 'Raleway'].includes(font)) {`,
             `var lnk = document.createElement('link');`,
             `lnk.rel = 'stylesheet';`,

package/app/types/index.d.ts

@@ -6,6 +6,13 @@ export interface ExtendedButtonProps extends ButtonProps {
 
 declare module 'nuxt/schema' {
   interface AppConfig {
+    ui: {
+      colors: {
+        primary: string
+        neutral: string
+      }
+      icons: Record<string, string>
+    }
     seo: {
       titleTemplate: string
       title: string

package/modules/module.ts

@@ -130,17 +130,17 @@ export default defineNuxtModule<ModuleOptions>({
       }
     })
 
-    nuxt.options.appConfig.header = defu(nuxt.options.appConfig.header, {
+    nuxt.options.appConfig.header = defu(nuxt.options.appConfig.header as Record<string, any>, {
       title: startCase(siteName)
     })
 
-    nuxt.options.appConfig.seo = defu(nuxt.options.appConfig.seo, {
+    nuxt.options.appConfig.seo = defu(nuxt.options.appConfig.seo as Record<string, any>, {
       titleTemplate: `%s - ${siteName}`,
       title: siteName,
       description: meta.description || ''
     })
 
-    nuxt.options.appConfig.github = defu(nuxt.options.appConfig.github, {
+    nuxt.options.appConfig.github = defu(nuxt.options.appConfig.github as Record<string, any>, {
       owner: gitInfo?.owner,
       name: gitInfo?.name,
       url: gitInfo?.url,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@movk/nuxt-docs",
   "type": "module",
-  "version": "1.17.1",
+  "version": "1.17.3",
   "private": false,
   "description": "Modern Nuxt 4 documentation theme with auto-generated component docs, AI chat assistant, MCP server, and complete developer experience optimization.",
   "author": "YiXuan <mhaibaraai@gmail.com>",
@@ -29,14 +29,13 @@
   },
   "files": [
     "app",
-    "content.config.ts",
     "modules",
-    "nuxt.config.ts",
-    "nuxt.schema.ts",
     "providers",
     "server",
     "utils",
-    "pnpm-workspace.yaml",
+    "content.config.ts",
+    "nuxt.config.ts",
+    "nuxt.schema.ts",
     "README.md"
   ],
   "dependencies": {
@@ -46,7 +45,7 @@
     "@iconify-json/lucide": "^1.2.101",
     "@iconify-json/simple-icons": "^1.2.76",
     "@iconify-json/vscode-icons": "^1.2.45",
-    "@movk/core": "^1.2.2",
+    "@movk/core": "^1.2.3",
     "@nuxt/a11y": "^1.0.0-alpha.1",
     "@nuxt/content": "^3.12.0",
     "@nuxt/image": "^2.0.0",