feat(module): install @nuxt/fonts by default

docs/nuxt.config.ts

@@ -20,7 +20,6 @@ export default defineNuxtConfig({
     module,
     '@nuxt/ui-pro',
     '@nuxt/content',
-    '@nuxt/fonts',
     '@nuxt/image',
     '@nuxtjs/plausible',
     '@vueuse/nuxt',
@@ -45,13 +44,6 @@ export default defineNuxtConfig({
     }]
   },
 
-  fonts: {
-    experimental: {
-      // Required for TailwindCSS v4. You can enable support for processing CSS variables for font family names. This may have a performance impact.
-      processCSSVariables: true
-    }
-  },
-
   content: {
     // sources: {
     //   pro: process.env.NUXT_UI_PRO_PATH

docs/package.json

@@ -7,7 +7,6 @@
     "@iconify-json/simple-icons": "^1.2.2",
     "@iconify-json/vscode-icons": "^1.2.1",
     "@nuxt/content": "^2.13.2",
-    "@nuxt/fonts": "^0.8.0",
     "@nuxt/image": "^1.8.0",
     "@nuxt/ui": "latest",
     "@nuxt/ui-pro": "2.0.0-alpha.2",

package.json

@@ -44,6 +44,7 @@
     "release": "release-it --preRelease=alpha --npm.tag=next"
   },
   "dependencies": {
+    "@nuxt/fonts": "^0.8.0",
     "@nuxt/icon": "^1.5.1",
     "@nuxt/kit": "^3.13.1",
     "@nuxt/schema": "^3.13.1",

src/module.ts

@@ -1,5 +1,5 @@
 import { defu } from 'defu'
-import { createResolver, defineNuxtModule, addComponentsDir, addImportsDir, addVitePlugin, addPlugin, installModule } from '@nuxt/kit'
+import { createResolver, defineNuxtModule, addComponentsDir, addImportsDir, addVitePlugin, addPlugin, installModule, hasNuxtModule } from '@nuxt/kit'
 import { addTemplates } from './templates'
 import icons from './theme/icons'
 
@@ -65,8 +65,23 @@ export default defineNuxtModule<ModuleOptions>({
       nuxt.options.postcss.plugins['@tailwindcss/postcss'] = {}
     }
 
-    await installModule('@nuxt/icon', { cssLayer: 'components' })
-    // await installModule('@nuxtjs/color-mode', { classSuffix: '' })
+    if (!hasNuxtModule('@nuxt/fonts')) {
+      await installModule('@nuxt/fonts', { experimental: { processCSSVariables: true } })
+    } else {
+      nuxt.options.fonts = defu(nuxt.options.fonts, { experimental: { processCSSVariables: true } })
+    }
+
+    if (!hasNuxtModule('@nuxt/icon')) {
+      await installModule('@nuxt/icon', { cssLayer: 'components' })
+    } else {
+      nuxt.options.icon = defu(nuxt.options.icon, { cssLayer: 'components' })
+    }
+
+    // if (!hasNuxtModule('@nuxtjs/color-mode')) {
+    //   await installModule('@nuxtjs/color-mode', { classSuffix: '' })
+    // } else {
+    //   nuxt.options.colorMode = defu(nuxt.options.colorMode, { classSuffix: '' })
+    // }
 
     addPlugin({
       src: resolve('./runtime/plugins/colors')