vuetify-nuxt-module 0.5.13 → 0.5.15

package/dist/module.d.ts

@@ -69,6 +69,44 @@ interface FontIconSet {
      */
     cdn?: string;
 }
+interface UnoCCSMdiIconSet {
+    collapse?: string;
+    complete?: string;
+    cancel?: string;
+    close?: string;
+    delete?: string;
+    clear?: string;
+    success?: string;
+    info?: string;
+    warning?: string;
+    error?: string;
+    prev?: string;
+    next?: string;
+    checkboxOn?: string;
+    checkboxOff?: string;
+    checkboxIndeterminate?: string;
+    delimiter?: string;
+    sortAsc?: string;
+    sortDesc?: string;
+    expand?: string;
+    menu?: string;
+    subgroup?: string;
+    dropdown?: string;
+    radioOn?: string;
+    radioOff?: string;
+    edit?: string;
+    ratingEmpty?: string;
+    ratingFull?: string;
+    ratingHalf?: string;
+    loading?: string;
+    first?: string;
+    last?: string;
+    unfold?: string;
+    file?: string;
+    plus?: string;
+    minus?: string;
+    calendar?: string;
+}
 interface IconsOptions {
     /**
      * @default 'mdi'
@@ -80,6 +118,14 @@ interface IconsOptions {
      * @default 'i-'
      */
     unocssIconPrefix?: string;
+    /**
+     * Override the default mdi icons.
+     *
+     * Icon names should include the prefix and the collection, for example:
+     * - home: i-<collection>:<icon>
+     */
+    unocssIcons?: UnoCCSMdiIconSet;
+    unocssAdditionalIcons?: Record<string, string>;
     sets?: IconFontName | IconFontName[] | FontIconSet[];
     svg?: {
         mdi?: JSSVGIconSet;
@@ -380,4 +426,4 @@ declare module '#app' {
 
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
 
-export { ComponentName, Components, DateAdapter, DateOptions, DirectiveName, Directives, ExternalVuetifyOptions, FontAwesomeSvgIconSet, FontIconSet, IconFontName, IconSetName, IconsOptions, InlineModuleOptions, JSSVGIconSet, LabComponentName, LabComponents, MOptions, ModuleOptions, SSRClientHints, SSRClientHintsConfiguration, VOptions, VuetifyLocale, _default as default };
+export { ComponentName, Components, DateAdapter, DateOptions, DirectiveName, Directives, ExternalVuetifyOptions, FontAwesomeSvgIconSet, FontIconSet, IconFontName, IconSetName, IconsOptions, InlineModuleOptions, JSSVGIconSet, LabComponentName, LabComponents, MOptions, ModuleOptions, SSRClientHints, SSRClientHintsConfiguration, UnoCCSMdiIconSet, VOptions, VuetifyLocale, _default as default };

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.5.13"
+  "version": "0.5.15"
 }

package/dist/module.mjs

@@ -12,7 +12,7 @@ import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify';
 import { isAbsolute, join, relative } from 'pathe';
 import { normalizePath as normalizePath$1 } from 'vite';
 
-const version = "0.5.13";
+const version = "0.5.15";
 
 const VIRTUAL_VUETIFY_CONFIGURATION = "virtual:vuetify-configuration";
 const RESOLVED_VIRTUAL_VUETIFY_CONFIGURATION = `/@nuxt-vuetify-configuration/${VIRTUAL_VUETIFY_CONFIGURATION.slice("virtual:".length)}`;
@@ -198,6 +198,8 @@ const disabledResolvedIcons = Object.freeze({
   unocss: false,
   unocssAliases: false,
   unocssIconPrefix: "i-",
+  unocssIcons: {},
+  unocssAdditionalIcons: {},
   imports: [],
   aliases: [],
   aliasesImportPresent: false,
@@ -221,6 +223,8 @@ function prepareIcons(unocssPresent, logger, vuetifyOptions) {
     unocss: unocssPresent && (defaultSet === "unocss-mdi" || sets.some((s) => s.name === "unocss-mdi")),
     unocssAliases: defaultSet === "unocss-mdi",
     unocssIconPrefix: icons.unocssIconPrefix ?? "i-",
+    unocssIcons: icons.unocssIcons ?? {},
+    unocssAdditionalIcons: icons.unocssAdditionalIcons ?? {},
     defaultSet,
     sets: [],
     aliases: [],
@@ -658,6 +662,15 @@ function vuetifyStylesPlugin(options, logger) {
   };
 }
 
+function toKebabCase(str = "") {
+  if (toKebabCase.cache.has(str))
+    return toKebabCase.cache.get(str);
+  const kebab = str.replace(/[^a-z]/gi, "-").replace(/\B([A-Z])/g, "-$1").toLowerCase();
+  toKebabCase.cache.set(str, kebab);
+  return kebab;
+}
+toKebabCase.cache = /* @__PURE__ */ new Map();
+
 function vuetifyConfigurationPlugin(ctx) {
   return {
     name: "vuetify:configuration:nuxt",
@@ -744,8 +757,8 @@ async function buildConfiguration(ctx) {
       config.imports.push("import * as directives from 'vuetify/directives'");
       config.directives = "options.directives = directives";
     } else {
-      const useDirectives = Array.isArray(directives) ? [...new Set(...directives)] : [directives];
-      config.imports.push(useDirectives.map((d) => `import { ${d} } from 'vuetify/directives/${d}'`).join("\n"));
+      const useDirectives = Array.isArray(directives) ? [...new Set(directives)] : [directives];
+      config.imports.push(useDirectives.map((d) => `import {${d}} from 'vuetify/directives/${toKebabCase(d)}'`).join("\n"));
       config.directives = `options.directives = {${useDirectives.join(",")}}`;
     }
   }
@@ -960,46 +973,87 @@ ${unocss}
     if (ctx.icons.unocss && ctx.icons.unocssAliases) {
       ctx.icons.imports.unshift("// @unocss-include");
       const prefix = `${ctx.icons.unocssIconPrefix}mdi:`;
-      unocss = `const aliases = JSON.parse('${JSON.stringify({
-        collapse: `${prefix}chevron-up`,
-        complete: `${prefix}check`,
-        cancel: `${prefix}close-circle`,
-        close: `${prefix}close`,
-        delete: `${prefix}close-circle`,
+      const {
+        collapse = `${prefix}chevron-up`,
+        complete = `${prefix}check`,
+        cancel = `${prefix}close-circle`,
+        close = `${prefix}close`,
         // delete (e.g. v-chip close)
-        clear: `${prefix}close-circle`,
-        success: `${prefix}check-circle`,
-        info: `${prefix}information`,
-        warning: `${prefix}alert-circle`,
-        error: `${prefix}close-circle`,
-        prev: `${prefix}chevron-left`,
-        next: `${prefix}chevron-right`,
-        checkboxOn: `${prefix}checkbox-marked`,
-        checkboxOff: `${prefix}checkbox-blank-outline`,
-        checkboxIndeterminate: `${prefix}minus-box`,
-        delimiter: `${prefix}circle`,
+        clear = `${prefix}close-circle`,
+        success = `${prefix}check-circle`,
+        info = `${prefix}information`,
+        warning = `${prefix}alert-circle`,
+        error = `${prefix}close-circle`,
+        prev = `${prefix}chevron-left`,
+        next = `${prefix}chevron-right`,
+        checkboxOn = `${prefix}checkbox-marked`,
+        checkboxOff = `${prefix}checkbox-blank-outline`,
+        checkboxIndeterminate = `${prefix}minus-box`,
+        delimiter = `${prefix}circle`,
         // for carousel
-        sortAsc: `${prefix}arrow-up`,
-        sortDesc: `${prefix}arrow-down`,
-        expand: `${prefix}chevron-down`,
-        menu: `${prefix}menu`,
-        subgroup: `${prefix}menu-down`,
-        dropdown: `${prefix}menu-down`,
-        radioOn: `${prefix}radiobox-marked`,
-        radioOff: `${prefix}radiobox-blank`,
-        edit: `${prefix}pencil`,
-        ratingEmpty: `${prefix}star-outline`,
-        ratingFull: `${prefix}star`,
-        ratingHalf: `${prefix}star-half-full`,
-        loading: `${prefix}cached`,
-        first: `${prefix}page-first`,
-        last: `${prefix}page-last`,
-        unfold: `${prefix}unfold-more-horizontal`,
-        file: `${prefix}paperclip`,
-        plus: `${prefix}plus`,
-        minus: `${prefix}minus`,
-        calendar: `${prefix}calendar`
-      })}');
+        sortAsc = `${prefix}arrow-up`,
+        sortDesc = `${prefix}arrow-down`,
+        expand = `${prefix}chevron-down`,
+        menu = `${prefix}menu`,
+        subgroup = `${prefix}menu-down`,
+        dropdown = `${prefix}menu-down`,
+        radioOn = `${prefix}radiobox-marked`,
+        radioOff = `${prefix}radiobox-blank`,
+        edit = `${prefix}pencil`,
+        ratingEmpty = `${prefix}star-outline`,
+        ratingFull = `${prefix}star`,
+        ratingHalf = `${prefix}star-half-full`,
+        loading = `${prefix}cached`,
+        first = `${prefix}page-first`,
+        last = `${prefix}page-last`,
+        unfold = `${prefix}unfold-more-horizontal`,
+        file = `${prefix}paperclip`,
+        plus = `${prefix}plus`,
+        minus = `${prefix}minus`,
+        calendar = `${prefix}calendar`
+      } = ctx.icons.unocssIcons;
+      const useIcons = {
+        collapse,
+        complete,
+        cancel,
+        close,
+        delete: ctx.icons.unocssIcons.delete ?? `${prefix}close-circle`,
+        clear,
+        success,
+        info,
+        warning,
+        error,
+        prev,
+        next,
+        checkboxOn,
+        checkboxOff,
+        checkboxIndeterminate,
+        delimiter,
+        sortAsc,
+        sortDesc,
+        expand,
+        menu,
+        subgroup,
+        dropdown,
+        radioOn,
+        radioOff,
+        edit,
+        ratingEmpty,
+        ratingFull,
+        ratingHalf,
+        loading,
+        first,
+        last,
+        unfold,
+        file,
+        plus,
+        minus,
+        calendar
+      };
+      Object.entries(ctx.icons.unocssAdditionalIcons).forEach(([key, value]) => {
+        useIcons[key] = value;
+      });
+      unocss = `const aliases = JSON.parse('${JSON.stringify(useIcons)}');
 `;
     }
     return {
@@ -1091,11 +1145,13 @@ function configureVite(configKey, nuxt, ctx) {
     viteInlineConfig.plugins = viteInlineConfig.plugins || [];
     checkVuetifyPlugins(viteInlineConfig);
     viteInlineConfig.optimizeDeps = defu(viteInlineConfig.optimizeDeps, { exclude: ["vuetify"] });
-    viteInlineConfig.ssr || (viteInlineConfig.ssr = {});
-    viteInlineConfig.ssr.noExternal = [
-      ...Array.isArray(viteInlineConfig.ssr.noExternal) ? viteInlineConfig.ssr.noExternal : [],
-      configKey
-    ];
+    if (nuxt.options.ssr) {
+      viteInlineConfig.ssr || (viteInlineConfig.ssr = {});
+      viteInlineConfig.ssr.noExternal = [
+        ...Array.isArray(viteInlineConfig.ssr.noExternal) ? viteInlineConfig.ssr.noExternal : viteInlineConfig.ssr.noExternal && typeof viteInlineConfig.ssr.noExternal !== "boolean" ? [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));
@@ -1106,15 +1162,6 @@ function configureVite(configKey, nuxt, ctx) {
   });
 }
 
-function toKebabCase(str = "") {
-  if (toKebabCase.cache.has(str))
-    return toKebabCase.cache.get(str);
-  const kebab = str.replace(/[^a-z]/gi, "-").replace(/\B([A-Z])/g, "-$1").toLowerCase();
-  toKebabCase.cache.set(str, kebab);
-  return kebab;
-}
-toKebabCase.cache = /* @__PURE__ */ new Map();
-
 function configureNuxt(configKey, nuxt, ctx) {
   var _a, _b, _c;
   const {
@@ -1124,8 +1171,10 @@ function configureNuxt(configKey, nuxt, ctx) {
     includeTransformAssetsUrls = true
   } = ctx.moduleOptions;
   const runtimeDir = ctx.resolver.resolve("./runtime");
-  nuxt.options.build.transpile.push(configKey);
-  nuxt.options.build.transpile.push(runtimeDir);
+  if (!nuxt.options.ssr) {
+    nuxt.options.build.transpile.push(configKey);
+    nuxt.options.build.transpile.push(runtimeDir);
+  }
   (_a = nuxt.options).css ?? (_a.css = []);
   if (typeof styles === "string" && ["sass", "expose"].includes(styles))
     nuxt.options.css.unshift("vuetify/styles/main.sass");
@@ -1133,11 +1182,10 @@ 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) {
+  if (includeTransformAssetsUrls && typeof nuxt.options.vite.vue?.template?.transformAssetUrls === "undefined") {
     (_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;
+    nuxt.options.vite.vue.template.transformAssetUrls = transformAssetUrls;
   }
   extendWebpackConfig(() => {
     throw new Error("Webpack is not supported: vuetify-nuxt-module module can only be used with Vite!");
@@ -1177,16 +1225,10 @@ function configureNuxt(configKey, nuxt, ctx) {
       src: ctx.resolver.resolve(runtimeDir, "plugins/vuetify-i18n")
     });
   }
-  if (nuxt.options.dev) {
+  if (nuxt.options.dev || ctx.dateAdapter) {
     addPlugin({
       src: ctx.resolver.resolve(runtimeDir, "plugins/vuetify-date")
     });
-  } else {
-    if (ctx.dateAdapter) {
-      addPlugin({
-        src: ctx.resolver.resolve(runtimeDir, "plugins/vuetify-date")
-      });
-    }
   }
 }
 

package/dist/types.d.ts

@@ -12,4 +12,4 @@ declare module 'nuxt/schema' {
 }
 
 
-export { ComponentName, Components, DateAdapter, DateOptions, DirectiveName, Directives, ExternalVuetifyOptions, FontAwesomeSvgIconSet, FontIconSet, IconFontName, IconSetName, IconsOptions, InlineModuleOptions, JSSVGIconSet, LabComponentName, LabComponents, MOptions, ModuleOptions, SSRClientHints, SSRClientHintsConfiguration, VOptions, VuetifyLocale, default } from './module'
+export { ComponentName, Components, DateAdapter, DateOptions, DirectiveName, Directives, ExternalVuetifyOptions, FontAwesomeSvgIconSet, FontIconSet, IconFontName, IconSetName, IconsOptions, InlineModuleOptions, JSSVGIconSet, LabComponentName, LabComponents, MOptions, ModuleOptions, SSRClientHints, SSRClientHintsConfiguration, UnoCCSMdiIconSet, VOptions, VuetifyLocale, default } from './module'

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "vuetify-nuxt-module",
   "type": "module",
-  "version": "0.5.13",
-  "packageManager": "pnpm@8.8.0",
+  "version": "0.5.15",
+  "packageManager": "pnpm@8.9.0",
   "description": "Zero-Config Nuxt Module for Vuetify",
   "author": "userquin <userquin@gmail.com>",
   "license": "MIT",