Updated: added voicenter-ui library

nuxt.config.ts

@@ -14,6 +14,9 @@ export default defineNuxtConfig({
         './modules/addPluginsModule.ts',
         './modules/typedocGenerate.ts'
     ],
+    ui: {
+        disableGlobalStyles: true
+    },
     content: {
         // navigation: false,
         documentDriven: {
@@ -76,6 +79,7 @@ export default defineNuxtConfig({
     //     global: true,
     // },
     css: [
+        '@voicenter-team/voicenter-ui-plus/library/style.css',
         join(currentDirLocal, 'assets/css/main.css'),
         join(currentDirLocal, 'assets/css/tailwind.css')
     ]

package.json

@@ -12,8 +12,9 @@
   },
   "dependencies": {
     "@nuxt/content": "^2.13.2",
-    "@nuxt/ui": "^2.17.0",
     "@nuxt/image": "^1.7.0",
+    "@nuxt/ui": "^2.17.0",
+    "@voicenter-team/voicenter-ui-plus": "^0.5.17",
     "nuxt": "^3.12.4",
     "typedoc": "^0.26.6",
     "typedoc-plugin-markdown": "^4.2.5"
@@ -29,16 +30,16 @@
     "tailwind.config.ts"
   ],
   "devDependencies": {
-    "@nuxt/fonts": "^0.7.2",
-    "nuxt-og-image": "^3.0.0-rc.64",
     "@nuxt/devtools": "latest",
     "@nuxt/eslint-config": "^0.5.0",
+    "@nuxt/fonts": "^0.7.2",
     "@typescript-eslint/eslint-plugin": "^7.12.0",
     "@typescript-eslint/parser": "^7.12.0",
     "@voicenter-team/eslint-config-vue": "^1.0.24",
     "@vue/eslint-config-typescript": "^13.0.0",
     "eslint": "^8.57.0",
     "eslint-plugin-vue": "^9.26.0",
+    "nuxt-og-image": "^3.0.0-rc.64",
     "sass": "1.77.6",
     "typescript": "5.3.3",
     "vite-plugin-static-copy": "^1.0.6",

plugins/voicenter-ui.client.ts

@@ -0,0 +1,10 @@
+import VoicenterUI from '@voicenter-team/voicenter-ui-plus'
+
+export default defineNuxtPlugin(nuxtApp => {
+    nuxtApp.vueApp.use(VoicenterUI, {
+        themeConfig: {
+            type: 'local',
+            themeName: 'redGreen'
+        }
+    })
+})