vuetify-nuxt-module 0.5.6 → 0.5.8

package/dist/module.d.ts

@@ -190,11 +190,20 @@ interface MOptions {
     /**
      * Vuetify styles.
      *
+     * If you want to use configFile on SSR, you have to disable `experimental.inlineSSRStyles` in nuxt.config.
+     *
      * @see https://github.com/vuetifyjs/vuetify-loader/tree/master/packages/vite-plugin
+     * @see https://github.com/userquin/vuetify-nuxt-module/issues/78 and https://github.com/userquin/vuetify-nuxt-module/issues/74
      */
     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.6"
+  "version": "0.5.8"
 }

package/dist/module.mjs

@@ -3,15 +3,16 @@ import defu from 'defu';
 import { debounce } from 'perfect-debounce';
 import { existsSync, statSync } from 'node:fs';
 import { resolve, dirname } from 'node:path';
+import process from 'node:process';
 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 from 'vite-plugin-vuetify';
+import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify';
 import { isAbsolute, join, relative } from 'pathe';
 import { normalizePath as normalizePath$1 } from 'vite';
 
-const version = "0.5.6";
+const version = "0.5.8";
 
 const VIRTUAL_VUETIFY_CONFIGURATION = "virtual:vuetify-configuration";
 const RESOLVED_VIRTUAL_VUETIFY_CONFIGURATION = `/@nuxt-vuetify-configuration/${VIRTUAL_VUETIFY_CONFIGURATION.slice("virtual:".length)}`;
@@ -196,6 +197,7 @@ const disabledResolvedIcons = Object.freeze({
   unocssIconPrefix: "i-",
   imports: [],
   aliases: [],
+  aliasesImportPresent: false,
   sets: [],
   cdn: [],
   local: [],
@@ -219,6 +221,7 @@ function prepareIcons(unocssPresent, logger, vuetifyOptions) {
     defaultSet,
     sets: [],
     aliases: [],
+    aliasesImportPresent: false,
     imports: [],
     cdn: [],
     local: [],
@@ -235,6 +238,7 @@ function prepareIcons(unocssPresent, logger, vuetifyOptions) {
     sets.filter((s) => cssFonts.includes(s.name)).forEach(({ name, cdn }) => {
       if (name === "unocss-mdi")
         return;
+      resolvedIcons.aliasesImportPresent || (resolvedIcons.aliasesImportPresent = name === defaultSet);
       resolvedIcons.imports.push(`import {${name === defaultSet ? "aliases," : ""}${name}} from 'vuetify/iconsets/${name}'`);
       resolvedIcons.sets.push(name);
       if (isPackageExists(iconsPackageNames[name].name))
@@ -272,6 +276,7 @@ function prepareIcons(unocssPresent, logger, vuetifyOptions) {
       logger.warn("Missing @fortawesome/vue-fontawesome dependency, install it!");
     }
     if (faSvgExists) {
+      resolvedIcons.aliasesImportPresent || (resolvedIcons.aliasesImportPresent = defaultSet === "fa-svg");
       resolvedIcons.imports.push(`import {${defaultSet === "fa-svg" ? "aliases," : ""}fa} from 'vuetify/iconsets/fa-svg'`);
       resolvedIcons.imports.push("import { library } from '@fortawesome/fontawesome-svg-core'");
       resolvedIcons.imports.push("import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'");
@@ -293,6 +298,7 @@ function prepareIcons(unocssPresent, logger, vuetifyOptions) {
     const mdiSvgExists = isPackageExists("@mdi/js");
     if (mdiSvgExists) {
       resolvedIcons.svg.mdi = true;
+      resolvedIcons.aliasesImportPresent || (resolvedIcons.aliasesImportPresent = defaultSet === "mdi-svg");
       resolvedIcons.imports.push(`import {${defaultSet === "mdi-svg" ? "aliases," : ""}mdi} from 'vuetify/iconsets/mdi-svg'`);
       if (mdiSvg && mdiSvg.aliases) {
         resolvedIcons.imports.push(`import {${Object.values(mdiSvg.aliases).join(",")}} from '@mdi/js'`);
@@ -363,7 +369,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;
       }
@@ -882,13 +888,17 @@ ${unocss}
       };
     }
     let aliases = "aliases,";
-    const alias = ctx.icons.aliases;
-    if (alias.length) {
-      aliases = `aliases: {
+    if (!ctx.icons.aliasesImportPresent || ctx.vuetifyOptions.icons && ctx.vuetifyOptions.icons.defaultSet === "custom") {
+      aliases = "";
+    } else {
+      const alias = ctx.icons.aliases;
+      if (alias.length) {
+        aliases = `aliases: {
       ...aliases,
       ${alias.join(",\n")}
     },
 `;
+      }
     }
     let unocss = "";
     if (ctx.icons.unocss && ctx.icons.unocssAliases) {
@@ -1023,8 +1033,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);
@@ -1035,6 +1050,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!");
   });

package/dist/runtime/plugins/icons.mjs

@@ -1,5 +1,10 @@
 import { enabled, iconsConfiguration } from "virtual:vuetify-icons-configuration";
 export function configureIcons(vuetifyOptions) {
-  if (enabled)
-    vuetifyOptions.icons = iconsConfiguration();
+  if (enabled) {
+    const icons = iconsConfiguration();
+    const custom = icons?.defaultSet === "custom";
+    if (custom)
+      return;
+    vuetifyOptions.icons = icons;
+  }
 }

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "vuetify-nuxt-module",
   "type": "module",
-  "version": "0.5.6",
-  "packageManager": "pnpm@8.6.10",
+  "version": "0.5.8",
+  "packageManager": "pnpm@8.7.4",
   "description": "Zero-Config Nuxt Module for Vuetify",
   "author": "userquin <userquin@gmail.com>",
   "license": "MIT",
@@ -72,14 +72,14 @@
     "vuetify": "^3.3.9"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.39.8",
-    "@antfu/ni": "^0.21.5",
+    "@antfu/eslint-config": "^0.41.0",
+    "@antfu/ni": "^0.21.8",
     "@date-io/luxon": "^2.17.0",
     "@fortawesome/fontawesome-svg-core": "^6.4.0",
     "@fortawesome/free-solid-svg-icons": "^6.4.0",
     "@fortawesome/vue-fontawesome": "^3.0.3",
-    "@iconify-json/carbon": "^1.1.18",
-    "@iconify-json/mdi": "^1.1.53",
+    "@iconify-json/carbon": "^1.1.21",
+    "@iconify-json/mdi": "^1.1.54",
     "@mdi/js": "^7.2.96",
     "@nuxt/devtools": "^0.7.0",
     "@nuxt/module-builder": "^0.4.0",
@@ -89,12 +89,12 @@
     "@parcel/watcher": "^2.2.0",
     "@types/node": "^18",
     "@unocss/nuxt": "^0.53.6",
-    "bumpp": "^9.1.1",
-    "eslint": "^8.45.0",
+    "bumpp": "^9.2.0",
+    "eslint": "^8.49.0",
     "luxon": "^3.3.0",
     "nuxt": "^3.6.5",
     "sass": "^1.63.6",
-    "typescript": "^5.1.6",
+    "typescript": "^5.2.2",
     "vite": "^4.3.9",
     "vitest": "^0.31.4"
   },
@@ -128,4 +128,4 @@
     "installDependencies": false,
     "startCommand": "node .stackblitz.js && pnpm install && pnpm run dev"
   }
-}
+}