vuetify-nuxt-module 0.5.12 → 0.5.14

package/dist/module.d.ts

@@ -1,6 +1,6 @@
 import * as _nuxt_schema from '@nuxt/schema';
 import * as vuetify from 'vuetify';
-import { VuetifyOptions, LocaleOptions, RtlOptions } from 'vuetify';
+import { VuetifyOptions, createVuetify, LocaleOptions, RtlOptions } from 'vuetify';
 import * as vuetify_locale from 'vuetify/locale';
 import * as vuetify_labs_components from 'vuetify/labs/components';
 import * as vuetify_directives from 'vuetify/directives';
@@ -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;
@@ -369,6 +415,7 @@ declare module '#app' {
             isDev: boolean;
             vuetifyOptions: VuetifyOptions;
         }) => Promise<void> | void;
+        'vuetify:ready': (vuetify: ReturnType<typeof createVuetify>) => Promise<void> | void;
         'vuetify:ssr-client-hints': (options: {
             vuetifyOptions: VuetifyOptions;
             ssrClientHints: SSRClientHints;
@@ -379,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.12"
+  "version": "0.5.14"
 }

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.12";
+const version = "0.5.14";
 
 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 {
@@ -1106,15 +1160,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 {

package/dist/runtime/plugins/config.mjs

@@ -9,6 +9,7 @@ export async function configureVuetify() {
   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);
   }

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.12",
-  "packageManager": "pnpm@8.7.6",
+  "version": "0.5.14",
+  "packageManager": "pnpm@8.9.0",
   "description": "Zero-Config Nuxt Module for Vuetify",
   "author": "userquin <userquin@gmail.com>",
   "license": "MIT",