vuetify-nuxt-module 0.5.5 → 0.5.7

package/dist/module.d.ts

@@ -195,6 +195,12 @@ interface MOptions {
     styles?: true | 'none' | 'expose' | 'sass' | {
         configFile: string;
     };
+    /**
+     * Add Vuetify Vite Plugin `transformAssetsUrls`?
+     *
+     * @default false
+     */
+    includeTransformAssetsUrls?: boolean;
 }
 interface ModuleOptions {
     moduleOptions?: MOptions;

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.5.5"
+  "version": "0.5.7"
 }

package/dist/module.mjs

@@ -7,10 +7,11 @@ import { createConfigLoader } from 'unconfig';
 import { readFile, utimes } from 'node:fs/promises';
 import { isPackageExists } from 'local-pkg';
 import { resolveVuetifyBase, normalizePath, writeStyles, cacheDir } from '@vuetify/loader-shared';
+import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify';
 import { isAbsolute, join, relative } from 'pathe';
 import { normalizePath as normalizePath$1 } from 'vite';
 
-const version = "0.5.5";
+const version = "0.5.7";
 
 const VIRTUAL_VUETIFY_CONFIGURATION = "virtual:vuetify-configuration";
 const RESOLVED_VIRTUAL_VUETIFY_CONFIGURATION = `/@nuxt-vuetify-configuration/${VIRTUAL_VUETIFY_CONFIGURATION.slice("virtual:".length)}`;
@@ -362,7 +363,7 @@ async function load(options, nuxt, ctx) {
         ctx.dateAdapter = adapter;
       } else {
         if (date.find((d) => d === adapter) === void 0)
-          ctx.logger.warn(`Ignoring Vuetify Date configuration, date adapter "@date-io/${adapter}" not installed!`);
+          ctx.logger.warn(`[vuetify-nuxt-module] Ignoring Vuetify Date configuration, date adapter "@date-io/${adapter}" not installed!`);
         else
           ctx.dateAdapter = adapter;
       }
@@ -1004,6 +1005,7 @@ function configureVite(configKey, nuxt, ctx) {
       ...Array.isArray(viteInlineConfig.ssr.noExternal) ? viteInlineConfig.ssr.noExternal : [],
       configKey
     ];
+    viteInlineConfig.plugins.push(vuetify({ styles: true, autoImport: true }));
     viteInlineConfig.plugins.push(vuetifyStylesPlugin({ styles: ctx.moduleOptions.styles }, ctx.logger));
     viteInlineConfig.plugins.push(vuetifyConfigurationPlugin(ctx));
     viteInlineConfig.plugins.push(vuetifyIconsPlugin(ctx));
@@ -1021,8 +1023,13 @@ function toKebabCase(str = "") {
 toKebabCase.cache = /* @__PURE__ */ new Map();
 
 function configureNuxt(configKey, nuxt, ctx) {
-  var _a;
-  const { importComposables, prefixComposables, styles } = ctx.moduleOptions;
+  var _a, _b, _c;
+  const {
+    importComposables,
+    prefixComposables,
+    styles,
+    includeTransformAssetsUrls = false
+  } = ctx.moduleOptions;
   const runtimeDir = ctx.resolver.resolve("./runtime");
   nuxt.options.build.transpile.push(configKey);
   nuxt.options.build.transpile.push(runtimeDir);
@@ -1033,6 +1040,14 @@ function configureNuxt(configKey, nuxt, ctx) {
     nuxt.options.css.unshift("vuetify/styles");
   else if (typeof styles === "object" && typeof styles?.configFile === "string")
     nuxt.options.css.unshift(styles.configFile);
+  if (includeTransformAssetsUrls) {
+    (_b = nuxt.options.vite).vue ?? (_b.vue = {});
+    (_c = nuxt.options.vite.vue).template ?? (_c.template = {});
+    if (typeof nuxt.options.vite.vue.template.transformAssetUrls === "undefined")
+      nuxt.options.vite.vue.template.transformAssetUrls = transformAssetUrls;
+    else
+      ctx.logger.warn("[vuetify-nuxt-module] `includeTransformAssetsUrls` is enabled but `vite.vue.template.transformAssetUrls` is already configured, ignored!");
+  }
   extendWebpackConfig(() => {
     throw new Error("Webpack is not supported: vuetify-nuxt-module module can only be used with Vite!");
   });
@@ -1041,23 +1056,6 @@ function configureNuxt(configKey, nuxt, ctx) {
     references.push({ types: "vuetify-nuxt-module/custom-configuration" });
     references.push({ types: "vuetify-nuxt-module/configuration" });
   });
-  nuxt.hook("components:extend", async (c) => {
-    const components = await ctx.componentsPromise;
-    Object.keys(components).forEach((component) => {
-      c.push({
-        pascalName: component,
-        kebabName: toKebabCase(component),
-        export: component,
-        filePath: "vuetify/components",
-        shortPath: "vuetify/components",
-        chunkName: toKebabCase(component),
-        prefetch: false,
-        preload: false,
-        global: false,
-        mode: "all"
-      });
-    });
-  });
   if (importComposables) {
     const composables = ["useLocale", "useDefaults", "useDisplay", "useLayout", "useRtl", "useTheme"];
     addImports(composables.map((name) => ({

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuetify-nuxt-module",
   "type": "module",
-  "version": "0.5.5",
+  "version": "0.5.7",
   "packageManager": "pnpm@8.6.10",
   "description": "Zero-Config Nuxt Module for Vuetify",
   "author": "userquin <userquin@gmail.com>",
@@ -128,4 +128,4 @@
     "installDependencies": false,
     "startCommand": "node .stackblitz.js && pnpm install && pnpm run dev"
   }
-}
+}