vuetify-nuxt-module 0.10.1 → 0.10.2

package/dist/module.d.mts

@@ -414,7 +414,7 @@ interface ModuleRuntimeHooks {
     }) => HookResult;
 }
 declare module '#app' {
-    interface RuntimeNuxtHooks {
+    interface ModuleRuntimeHooks {
         'vuetify:configuration': (options: {
             isDev: boolean;
             vuetifyOptions: VuetifyOptions;

package/dist/module.d.ts

@@ -414,7 +414,7 @@ interface ModuleRuntimeHooks {
     }) => HookResult;
 }
 declare module '#app' {
-    interface RuntimeNuxtHooks {
+    interface ModuleRuntimeHooks {
         'vuetify:configuration': (options: {
             isDev: boolean;
             vuetifyOptions: VuetifyOptions;

package/dist/module.json

@@ -5,5 +5,5 @@
     "nuxt": "^3.6.5",
     "bridge": false
   },
-  "version": "0.10.1"
+  "version": "0.10.2"
 }

package/dist/module.mjs

@@ -1,4 +1,4 @@
-import { addVitePlugin, extendWebpackConfig, addImports, addPlugin, addPluginTemplate, useLogger, defineNuxtModule, isNuxt3, getNuxtVersion, createResolver, hasNuxtModule } from '@nuxt/kit';
+import { addVitePlugin, addPluginTemplate, extendWebpackConfig, addImports, addPlugin, useLogger, defineNuxtModule, isNuxt3, getNuxtVersion, createResolver, hasNuxtModule } from '@nuxt/kit';
 import { isPackageExists, getPackageInfo } from 'local-pkg';
 import defu from 'defu';
 import { debounce } from 'perfect-debounce';
@@ -14,7 +14,7 @@ import { parseQuery, parseURL } from 'ufo';
 import destr from 'destr';
 import { transformAssetUrls } from 'vite-plugin-vuetify';
 
-const version = "0.10.1";
+const version = "0.10.2";
 
 const VIRTUAL_VUETIFY_CONFIGURATION = "virtual:vuetify-configuration";
 const RESOLVED_VIRTUAL_VUETIFY_CONFIGURATION = `/@nuxt-vuetify-configuration/${VIRTUAL_VUETIFY_CONFIGURATION.slice("virtual:".length)}`;
@@ -1160,6 +1160,61 @@ function configureVite(configKey, nuxt, ctx) {
   });
 }
 
+function addVuetifyNuxtPlugins(nuxt, ctx) {
+  addVuetifyNuxtPlugin(nuxt, ctx, "client");
+  addVuetifyNuxtPlugin(nuxt, ctx, "server");
+}
+function addVuetifyNuxtPlugin(nuxt, ctx, mode) {
+  addPluginTemplate({
+    filename: `vuetify-nuxt-plugin.${mode}.mjs`,
+    name: `vuetify:nuxt:${mode}:plugin`,
+    write: false,
+    mode,
+    getContents() {
+      const dependsOn = ["vuetify:icons:plugin"];
+      if (ctx.ssrClientHints.enabled) {
+        if (mode === "client")
+          dependsOn.push("vuetify:client-hints:client:plugin");
+        else
+          dependsOn.push("vuetify:client-hints:server:plugin");
+      }
+      if (ctx.i18n) {
+        dependsOn.push("vuetify:i18n:plugin");
+      }
+      if (nuxt.options.dev || ctx.dateAdapter) {
+        if (ctx.i18n) {
+          dependsOn.push("vuetify:date-i18n:plugin");
+        } else {
+          dependsOn.push("vuetify:date:plugin");
+        }
+      }
+      return `
+import { defineNuxtPlugin } from '#imports'
+import { isDev, vuetifyConfiguration } from 'virtual:vuetify-configuration'
+import { createVuetify } from 'vuetify'
+
+export default defineNuxtPlugin({
+  name: 'vuetify:nuxt:${mode}:plugin',
+  order: 25,
+  dependsOn: ${JSON.stringify(dependsOn)},
+  parallel: true,
+  async setup(nuxtApp) {
+    const vuetifyOptions = vuetifyConfiguration()
+    await nuxtApp.hooks.callHook('vuetify:configuration', { isDev, vuetifyOptions })
+    await nuxtApp.hooks.callHook('vuetify:before-create', { isDev, vuetifyOptions })
+    const vuetify = createVuetify(vuetifyOptions)
+    nuxtApp.vueApp.use(vuetify)
+    nuxtApp.provide('vuetify', vuetify)
+    await nuxtApp.hooks.callHook('vuetify:ready', vuetify)
+    if (process.client)
+      isDev && console.log('Vuetify 3 initialized', vuetify)
+  },
+})
+`;
+    }
+  });
+}
+
 function configureNuxt(configKey, nuxt, ctx) {
   const {
     importComposables,
@@ -1204,14 +1259,7 @@ function configureNuxt(configKey, nuxt, ctx) {
       meta: { docsUrl: `https://vuetifyjs.com/en/api/${toKebabCase(name)}/` }
     })));
   }
-  let addHttpClientHintsPlugin = "";
   if (ctx.ssrClientHints.enabled) {
-    addHttpClientHintsPlugin = `
-if (import.meta.client)
-dependsOn.push('vuetify:client-hints:client:plugin')
-if (import.meta.server)
-dependsOn.push('vuetify:client-hints:server:plugin')
-`;
     addPlugin({
       src: ctx.resolver.resolve(runtimeDir, "plugins/vuetify-client-hints.client"),
       mode: "client"
@@ -1225,61 +1273,26 @@ dependsOn.push('vuetify:client-hints:server:plugin')
       src: ctx.resolver.resolve(runtimeDir, "plugins/vuetify-no-client-hints")
     });
   }
-  const dependsOn = ["vuetify:icons:plugin"];
   addPlugin({
     src: ctx.resolver.resolve(runtimeDir, "plugins/vuetify-icons")
   });
   if (ctx.i18n) {
-    dependsOn.push("vuetify:i18n:plugin");
     addPlugin({
       src: ctx.resolver.resolve(runtimeDir, "plugins/vuetify-i18n")
     });
   }
   if (nuxt.options.dev || ctx.dateAdapter) {
     if (ctx.i18n) {
-      dependsOn.push("vuetify:date-i18n:plugin");
       addPlugin({
         src: ctx.resolver.resolve(runtimeDir, "plugins/vuetify-i18n-date")
       });
     } else {
-      dependsOn.push("vuetify:date:plugin");
       addPlugin({
         src: ctx.resolver.resolve(runtimeDir, "plugins/vuetify-date")
       });
     }
   }
-  addPluginTemplate({
-    filename: "vuetify-nuxt-plugin.mjs",
-    write: false,
-    getContents() {
-      return `
-import { defineNuxtPlugin } from '#imports'
-import { isDev, vuetifyConfiguration } from 'virtual:vuetify-configuration'
-import { createVuetify } from 'vuetify'
-
-const dependsOn = ${JSON.stringify(dependsOn)}
-${addHttpClientHintsPlugin}
-
-export default defineNuxtPlugin({
-  name: 'vuetify:nuxt:plugin',
-  order: 25,
-  dependsOn,
-  parallel: true,
-  async setup(nuxtApp) {
-    const vuetifyOptions = vuetifyConfiguration()
-    await nuxtApp.hooks.callHook('vuetify:configuration', { isDev, vuetifyOptions })
-    await nuxtApp.hooks.callHook('vuetify:before-create', { isDev, vuetifyOptions })
-    const vuetify = createVuetify(vuetifyOptions)
-    nuxtApp.vueApp.use(vuetify)
-    nuxtApp.provide('vuetify', vuetify)
-    await nuxtApp.hooks.callHook('vuetify:ready', vuetify)
-    if (process.client)
-      isDev && console.log('Vuetify 3 initialized', vuetify)
-  },
-})
-`;
-    }
-  });
+  addVuetifyNuxtPlugins(nuxt, ctx);
 }
 
 const CONFIG_KEY = "vuetify";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuetify-nuxt-module",
   "type": "module",
-  "version": "0.10.1",
+  "version": "0.10.2",
   "packageManager": "pnpm@8.14.1",
   "description": "Zero-Config Nuxt Module for Vuetify",
   "author": "userquin <userquin@gmail.com>",