vuetify-nuxt-module 0.4.12 → 0.5.1

package/dist/module.mjs

@@ -1,12 +1,429 @@
-import { useLogger, defineNuxtModule, isNuxt3, getNuxtVersion, createResolver, hasNuxtModule, extendWebpackConfig, addImports, addPlugin } from '@nuxt/kit';
+import { addVitePlugin, extendWebpackConfig, addImports, addPlugin, useLogger, defineNuxtModule, isNuxt3, getNuxtVersion, createResolver, hasNuxtModule } from '@nuxt/kit';
 import defu from 'defu';
-import { utimes, readFile } from 'node:fs/promises';
+import { debounce } from 'perfect-debounce';
+import { existsSync, statSync } from 'node:fs';
+import { resolve, dirname } from 'node:path';
+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 { isAbsolute, join, relative } from 'pathe';
 import { normalizePath as normalizePath$1 } from 'vite';
-import { isPackageExists } from 'local-pkg';
 
-const version = "0.4.12";
+const version = "0.5.1";
+
+const VIRTUAL_VUETIFY_CONFIGURATION = "virtual:vuetify-configuration";
+const RESOLVED_VIRTUAL_VUETIFY_CONFIGURATION = `/@nuxt-vuetify-configuration/${VIRTUAL_VUETIFY_CONFIGURATION.slice("virtual:".length)}`;
+const VIRTUAL_VUETIFY_DATE_CONFIGURATION = "virtual:vuetify-date-configuration";
+const RESOLVED_VIRTUAL_VUETIFY_DATE_CONFIGURATION = `/@nuxt-vuetify-configuration/${VIRTUAL_VUETIFY_DATE_CONFIGURATION.slice("virtual:".length)}`;
+const VIRTUAL_VUETIFY_ICONS_CONFIGURATION = "virtual:vuetify-icons-configuration";
+const RESOLVED_VIRTUAL_VUETIFY_ICONS_CONFIGURATION = `/@nuxt-vuetify-configuration/${VIRTUAL_VUETIFY_ICONS_CONFIGURATION.slice("virtual:".length)}`;
+const RESOLVED_VIRTUAL_MODULES = [
+  RESOLVED_VIRTUAL_VUETIFY_DATE_CONFIGURATION,
+  RESOLVED_VIRTUAL_VUETIFY_ICONS_CONFIGURATION,
+  RESOLVED_VIRTUAL_VUETIFY_CONFIGURATION
+];
+
+async function loadVuetifyConfiguration(cwd = process.cwd(), configOrPath = cwd, defaults = {}, extraConfigSources = []) {
+  let inlineConfig = {};
+  if (typeof configOrPath !== "string") {
+    inlineConfig = configOrPath;
+    configOrPath = process.cwd();
+  }
+  const resolved = resolve(cwd, configOrPath);
+  let isFile = false;
+  if (existsSync(resolved) && statSync(resolved).isFile()) {
+    isFile = true;
+    cwd = dirname(resolved).replace(/\\/g, "/");
+  }
+  const rewrite = (config) => {
+    if (typeof config === "function")
+      return config();
+    return config;
+  };
+  const loader = createConfigLoader({
+    sources: isFile ? [
+      {
+        files: resolved,
+        extensions: [],
+        rewrite
+      }
+    ] : [
+      {
+        files: [
+          "vuetify.config"
+        ],
+        // we don't want `package.json` to be loaded
+        extensions: ["mts", "cts", "ts", "mjs", "cjs", "js"],
+        rewrite
+      },
+      ...extraConfigSources
+    ],
+    cwd,
+    defaults: inlineConfig,
+    merge: false
+  });
+  const result = await loader.load();
+  if (result.config?.config === false)
+    result.config = Object.assign(defaults, inlineConfig);
+  else
+    result.config = Object.assign(defaults, result.config || inlineConfig);
+  delete result.config.config;
+  return result;
+}
+
+async function mergeVuetifyModules(options, nuxt) {
+  const moduleOptions = [];
+  const vuetifyConfigurationFilesToWatch = /* @__PURE__ */ new Set();
+  await nuxt.callHook("vuetify:registerModule", (layerModuleOptions) => moduleOptions.push(layerModuleOptions));
+  if (nuxt.options._layers.length > 1) {
+    for (let i = 1; i < nuxt.options._layers.length; i++) {
+      const layer = nuxt.options._layers[i];
+      const resolvedOptions2 = await loadVuetifyConfiguration(
+        layer.config.rootDir,
+        layer.config.vuetify?.vuetifyOptions
+      );
+      if (resolvedOptions2.sources.length)
+        resolvedOptions2.sources.forEach((s) => vuetifyConfigurationFilesToWatch.add(s.replace(/\\/g, "/")));
+      moduleOptions.push({
+        moduleOptions: layer.config.vuetify?.moduleOptions,
+        vuetifyOptions: resolvedOptions2.config
+      });
+    }
+  }
+  const resolvedOptions = await loadVuetifyConfiguration(
+    nuxt.options.rootDir,
+    options.vuetifyOptions
+  );
+  if (resolvedOptions.sources.length)
+    resolvedOptions.sources.forEach((s) => vuetifyConfigurationFilesToWatch.add(s.replace(/\\/g, "/")));
+  moduleOptions.push({
+    moduleOptions: options.moduleOptions,
+    vuetifyOptions: resolvedOptions.config
+  });
+  if (moduleOptions.length > 1) {
+    const [base, ...rest] = moduleOptions;
+    return {
+      configuration: defu(base, ...rest),
+      vuetifyConfigurationFilesToWatch
+    };
+  } else {
+    return {
+      configuration: {
+        moduleOptions: options.moduleOptions,
+        vuetifyOptions: resolvedOptions.config
+      },
+      vuetifyConfigurationFilesToWatch
+    };
+  }
+}
+
+function detectDate() {
+  const result = [];
+  [
+    "date-fns",
+    "moment",
+    "luxon",
+    "dayjs",
+    "js-joda",
+    "date-fns-jalali",
+    "jalaali",
+    "hijri"
+  ].forEach((adapter) => {
+    if (isPackageExists(`@date-io/${adapter}`))
+      result.push(adapter);
+  });
+  return result;
+}
+function cleanupBlueprint(vuetifyOptions) {
+  const blueprint = vuetifyOptions.blueprint;
+  if (blueprint) {
+    delete blueprint.ssr;
+    delete blueprint.components;
+    delete blueprint.directives;
+    delete blueprint.locale;
+    delete blueprint.date;
+    delete blueprint.icons;
+    vuetifyOptions.blueprint = blueprint;
+  }
+}
+function checkVuetifyPlugins(config) {
+  let plugin = config.plugins?.find((p) => p && typeof p === "object" && "name" in p && p.name === "vuetify:import");
+  if (plugin)
+    throw new Error("Remove vite-plugin-vuetify plugin from Vite Plugins entry in Nuxt config file!");
+  plugin = config.plugins?.find((p) => p && typeof p === "object" && "name" in p && p.name === "vuetify:styles");
+  if (plugin)
+    throw new Error("Remove vite-plugin-vuetify plugin from Vite Plugins entry in Nuxt config file!");
+}
+function resolveVuetifyComponents(resolver) {
+  const vuetifyBase = resolveVuetifyBase();
+  const componentsPromise = importMapResolver();
+  const labComponentsPromise = importMapLabResolver();
+  return {
+    vuetifyBase,
+    componentsPromise,
+    labComponentsPromise
+  };
+  async function importMapResolver() {
+    return JSON.parse(await readFile(resolver.resolve(vuetifyBase, "dist/json/importMap.json"), "utf-8")).components;
+  }
+  async function importMapLabResolver() {
+    return JSON.parse(await readFile(resolver.resolve(vuetifyBase, "dist/json/importMap-labs.json"), "utf-8")).components;
+  }
+}
+
+const cssFonts = ["unocss-mdi", "mdi", "md", "fa", "fa4"];
+const iconsPackageNames = {
+  "unocss-mdi": { name: "@mdi/font", css: "" },
+  "mdi": { name: "@mdi/font", css: "@mdi/font/css/materialdesignicons.css" },
+  "md": { name: "material-design-icons-iconfont", css: "@mdi/font/css/materialdesignicons.css" },
+  "fa": { name: "@fortawesome/fontawesome-free", css: "@fortawesome/fontawesome-free/css/all.css" },
+  "fa4": { name: "font-awesome@4.7.0", css: "font-awesome/css/font-awesome.min.css" }
+};
+const iconsCDN = {
+  "unocss-mdi": "",
+  "mdi": "https://cdn.jsdelivr.net/npm/@mdi/font@5.x/css/materialdesignicons.min.css",
+  "md": "https://fonts.googleapis.com/css?family=Material+Icons",
+  "fa": "https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@latest/css/all.min.css",
+  "fa4": "https://cdn.jsdelivr.net/npm/font-awesome@4.x/css/font-awesome.min.css"
+};
+const disabledResolvedIcons = Object.freeze({
+  enabled: false,
+  unocss: false,
+  unocssAliases: false,
+  unocssIconPrefix: "i-",
+  imports: [],
+  aliases: [],
+  sets: [],
+  cdn: [],
+  local: [],
+  svg: {}
+});
+function prepareIcons(unocssPresent, logger, vuetifyOptions) {
+  if (vuetifyOptions.icons === false)
+    return disabledResolvedIcons;
+  const icons = vuetifyOptions.icons || {};
+  let { defaultSet = "mdi", sets } = icons;
+  if (!defaultSet)
+    defaultSet = icons.defaultSet = "mdi";
+  if (!sets && defaultSet !== "mdi-svg" && defaultSet !== "fa-svg" && defaultSet !== "custom")
+    sets = [{ name: defaultSet || "mdi" }];
+  sets = sets ? convertFontSetsToObjectNotation(sets) : [];
+  const resolvedIcons = {
+    enabled: true,
+    unocss: unocssPresent && (defaultSet === "unocss-mdi" || sets.some((s) => s.name === "unocss-mdi")),
+    unocssAliases: defaultSet === "unocss-mdi",
+    unocssIconPrefix: icons.unocssIconPrefix ?? "i-",
+    defaultSet,
+    sets: [],
+    aliases: [],
+    imports: [],
+    cdn: [],
+    local: [],
+    svg: {
+      mdi: false
+    }
+  };
+  if (sets) {
+    if (!unocssPresent && defaultSet === "unocss-mdi") {
+      logger.warn("Configured unocss-mdi as default icon set and @unocss/nuxt is not installed, reverting configuration to use mdi icon set: install @unocss/nuxt module or change the default icon set!");
+      defaultSet = "mdi";
+      sets = sets.filter((s) => s.name !== "unocss-mdi");
+    }
+    sets.filter((s) => cssFonts.includes(s.name)).forEach(({ name, cdn }) => {
+      if (name === "unocss-mdi")
+        return;
+      resolvedIcons.imports.push(`import {${name === defaultSet ? "aliases," : ""}${name}} from 'vuetify/iconsets/${name}'`);
+      resolvedIcons.sets.push(name);
+      if (isPackageExists(iconsPackageNames[name].name))
+        resolvedIcons.local.push(iconsPackageNames[name].css);
+      else
+        resolvedIcons.cdn.push([name, cdn ?? iconsCDN[name]]);
+    });
+    if (resolvedIcons.unocss && defaultSet === "unocss-mdi") {
+      if (!resolvedIcons.sets.includes("mdi")) {
+        resolvedIcons.sets.push("mdi");
+        resolvedIcons.imports.push("import {mdi} from 'vuetify/iconsets/mdi'");
+      }
+      resolvedIcons.defaultSet = "mdi";
+    }
+  }
+  let faSvg = icons.svg?.fa;
+  if (defaultSet === "fa-svg" || faSvg) {
+    if (!faSvg)
+      faSvg = {};
+    let faSvgExists = isPackageExists("@fortawesome/fontawesome-svg-core");
+    if (!faSvgExists)
+      logger.warn("Missing @fortawesome/fontawesome-svg-core dependency, install it!");
+    faSvgExists = isPackageExists("@fortawesome/vue-fontawesome");
+    if (faSvgExists) {
+      if (!faSvg.libraries?.length)
+        faSvg.libraries = [[false, "fas", "@fortawesome/free-solid-svg-icons"]];
+      for (const p in faSvg.libraries) {
+        const [_defaultExport, _name, library] = faSvg.libraries[p];
+        if (!isPackageExists(library)) {
+          faSvgExists = false;
+          logger.warn(`Missing library ${library} dependency, install it!`);
+        }
+      }
+    } else {
+      logger.warn("Missing @fortawesome/vue-fontawesome dependency, install it!");
+    }
+    if (faSvgExists) {
+      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'");
+      resolvedIcons.imports.push("import { useNuxtApp } from '#app'");
+      resolvedIcons.svg.fa = ["useNuxtApp().vueApp.component('font-awesome-icon', FontAwesomeIcon)"];
+      faSvg.libraries.forEach(([defaultExport, name, library]) => {
+        resolvedIcons.imports.push(`import ${defaultExport ? name : `{${name}}`} from '${library}'`);
+        resolvedIcons.svg.fa.push(`library.add(${name})`);
+      });
+      resolvedIcons.sets.push("fa");
+      if (defaultSet === "fa-svg")
+        resolvedIcons.defaultSet = "fa";
+    }
+  }
+  let mdiSvg = icons.svg?.mdi;
+  if (defaultSet === "mdi-svg" || mdiSvg) {
+    if (!mdiSvg)
+      mdiSvg = {};
+    const mdiSvgExists = isPackageExists("@mdi/js");
+    if (mdiSvgExists) {
+      resolvedIcons.svg.mdi = true;
+      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'`);
+        Object.entries(mdiSvg.aliases).forEach(([alias, icon]) => {
+          resolvedIcons.aliases.push(`${alias}: ${icon}`);
+        });
+      }
+      resolvedIcons.sets.push("mdi");
+      if (defaultSet === "mdi-svg")
+        resolvedIcons.defaultSet = "mdi";
+    } else {
+      resolvedIcons.svg.mdi = false;
+      logger.warn("Missing @mdi/js dependency, install it!");
+    }
+  }
+  if (defaultSet !== "custom" && !resolvedIcons.unocss && !resolvedIcons.local?.length && !resolvedIcons.cdn?.length && !resolvedIcons.svg?.mdi && !resolvedIcons.svg?.fa?.length) {
+    logger.warn("No icons found, icons disabled!");
+    return disabledResolvedIcons;
+  }
+  return resolvedIcons;
+}
+function convertFontSetsToObjectNotation(sets) {
+  const result = [];
+  if (typeof sets === "string") {
+    result.push({ name: sets });
+  } else {
+    for (const set of sets) {
+      if (typeof set === "string")
+        result.push({ name: set });
+      else
+        result.push(set);
+    }
+  }
+  return result;
+}
+
+async function load(options, nuxt, ctx) {
+  var _a;
+  const {
+    configuration,
+    vuetifyConfigurationFilesToWatch
+  } = await mergeVuetifyModules(options, nuxt);
+  if (typeof ctx.componentsPromise === "undefined") {
+    const {
+      componentsPromise,
+      labComponentsPromise
+    } = resolveVuetifyComponents(ctx.resolver);
+    ctx.componentsPromise = componentsPromise;
+    ctx.labComponentsPromise = labComponentsPromise;
+  }
+  const { vuetifyOptions = {} } = configuration;
+  const {
+    directives: _directives,
+    labComponents: _labComponents,
+    ...vOptions
+  } = vuetifyOptions;
+  const vuetifyAppOptions = defu(vOptions, {});
+  cleanupBlueprint(vuetifyAppOptions);
+  ctx.dateAdapter = void 0;
+  const dateOptions = vuetifyOptions.date;
+  if (dateOptions) {
+    const adapter = dateOptions.adapter;
+    const date = detectDate();
+    if (!adapter && date.length > 1)
+      throw new Error(`Multiple date adapters found: ${date.map((d) => `@date-io/${d[0]}`).join(", ")}, please specify the adapter to use in the "vuetifyOptions.date.adapter" option.`);
+    if (adapter) {
+      if (adapter === "vuetify" || adapter === "custom") {
+        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!`);
+        else
+          ctx.dateAdapter = adapter;
+      }
+    } else if (date.length === 0) {
+      ctx.dateAdapter = "vuetify";
+    } else {
+      ctx.dateAdapter = date[0];
+    }
+  }
+  const oldIcons = ctx.icons;
+  if (oldIcons && oldIcons.cdn?.length && nuxt.options.app.head.link)
+    nuxt.options.app.head.link = nuxt.options.app.head.link.filter((link) => !link.key || !oldIcons.cdn.some(([key]) => link.key === key));
+  ctx.moduleOptions = configuration.moduleOptions;
+  ctx.vuetifyOptions = configuration.vuetifyOptions;
+  ctx.vuetifyFilesToWatch = Array.from(vuetifyConfigurationFilesToWatch);
+  ctx.icons = prepareIcons(ctx.unocss, ctx.logger, vuetifyAppOptions);
+  if (ctx.icons.enabled) {
+    ctx.icons.local?.forEach((css) => nuxt.options.css.push(css));
+    if (ctx.icons.cdn?.length) {
+      (_a = nuxt.options.app.head).link ?? (_a.link = []);
+      ctx.icons.cdn.forEach(([key, href]) => nuxt.options.app.head.link.push({
+        key,
+        rel: "stylesheet",
+        href,
+        type: "text/css",
+        crossorigin: "anonymous"
+      }));
+    }
+  }
+}
+function registerWatcher(options, nuxt, ctx) {
+  if (nuxt.options.dev) {
+    let pageReload;
+    nuxt.hooks.hook("builder:watch", (_event, path) => {
+      if (!pageReload && ctx.vuetifyFilesToWatch.includes(path))
+        return nuxt.callHook("restart");
+    });
+    nuxt.hook("vite:serverCreated", (server, { isClient }) => {
+      if (!server.ws || !isClient)
+        return;
+      pageReload = debounce(async () => {
+        const modules = [];
+        for (const v of RESOLVED_VIRTUAL_MODULES) {
+          const module = server.moduleGraph.getModuleById(v);
+          if (module)
+            modules.push(module);
+        }
+        await load(options, nuxt, ctx);
+        if (modules.length)
+          await Promise.all(modules.map((m) => server.reloadModule(m)));
+      }, 50, { trailing: false });
+    });
+    addVitePlugin({
+      name: "vuetify:configuration:watch",
+      enforce: "pre",
+      handleHotUpdate({ file }) {
+        if (pageReload && ctx.vuetifyFilesToWatch.includes(file))
+          return pageReload();
+      }
+    });
+  }
+}
 
 function isSubdir(root, test) {
   const relative$1 = relative(root, test);
@@ -177,26 +594,7 @@ function vuetifyStylesPlugin(options, logger) {
   };
 }
 
-const VIRTUAL_VUETIFY_CONFIGURATION = "virtual:vuetify-configuration";
-const RESOLVED_VIRTUAL_VUETIFY_CONFIGURATION = `/@nuxt-vuetify-configuration/${VIRTUAL_VUETIFY_CONFIGURATION.slice("virtual:".length)}`;
-const VIRTUAL_VUETIFY_DATE_CONFIGURATION = "virtual:vuetify-date-configuration";
-const RESOLVED_VIRTUAL_VUETIFY_DATE_CONFIGURATION = `/@nuxt-vuetify-configuration/${VIRTUAL_VUETIFY_DATE_CONFIGURATION.slice("virtual:".length)}`;
-const VIRTUAL_VUETIFY_ICONS_CONFIGURATION = "virtual:vuetify-icons-configuration";
-const RESOLVED_VIRTUAL_VUETIFY_ICONS_CONFIGURATION = `/@nuxt-vuetify-configuration/${VIRTUAL_VUETIFY_ICONS_CONFIGURATION.slice("virtual:".length)}`;
-
-function vuetifyConfigurationPlugin(isDev, isSSR, i18n, directives, labComponents, vuetifyAppOptions, componentsPromise, labComponentsPromise, logger) {
-  const {
-    directives: _directives,
-    date: _date,
-    icons: _icons,
-    localeMessages,
-    components,
-    ssr,
-    aliases,
-    ...newVuetifyOptions
-  } = vuetifyAppOptions;
-  if (isSSR)
-    newVuetifyOptions.ssr = ssr ?? true;
+function vuetifyConfigurationPlugin(ctx) {
   return {
     name: "vuetify:configuration:nuxt",
     enforce: "pre",
@@ -206,383 +604,219 @@ function vuetifyConfigurationPlugin(isDev, isSSR, i18n, directives, labComponent
     },
     async load(id) {
       if (id === RESOLVED_VIRTUAL_VUETIFY_CONFIGURATION) {
-        if (i18n && newVuetifyOptions.locale) {
+        const {
+          directives: _directives,
+          date: _date,
+          icons: _icons,
+          localeMessages: _localeMessages,
+          components: _components,
+          labComponents: _labComponents,
+          ssr,
+          aliases: _aliases,
+          ...newVuetifyOptions
+        } = ctx.vuetifyOptions;
+        if (ctx.isSSR)
+          newVuetifyOptions.ssr = ssr ?? true;
+        if (ctx.i18n && newVuetifyOptions.locale) {
           delete newVuetifyOptions.locale.rtl;
           delete newVuetifyOptions.locale.locale;
           delete newVuetifyOptions.locale.fallback;
         }
-        const result = await buildConfiguration();
+        const result = await buildConfiguration(ctx);
         const deepCopy = result.messages.length > 0;
         return `${result.imports}
 
-export const isDev = ${isDev}
-export function vuetifyConfiguration() {
-  const options = JSON.parse('${JSON.stringify(newVuetifyOptions)}')
-  ${result.directives}
-  ${result.aliases}
-  ${result.components}
-  ${result.messages}
-  return options
-}
-${deepCopy ? `function deepCopy(src,des) {
-    for (const key in src) {
-      if (typeof src[key] === 'object') {
-        if (typeof des[key] !== 'object') des[key] = {}
-        deepCopy(src[key], des[key])
-      } else {
-        des[key] = src[key]
-      }
-    }
-  }
-  ` : ""}
-`;
-      }
-    }
-  };
-  async function buildConfiguration() {
-    const dateOptions = vuetifyAppOptions.date;
-    const config = {
-      directives: "",
-      imports: [],
-      aliasEntries: [],
-      aliases: aliases || {},
-      components: new Set(components ? Array.isArray(components) ? components : [components] : []),
-      labComponents: /* @__PURE__ */ new Set(),
-      messages: ""
-    };
-    if (directives) {
-      if (typeof directives === "boolean") {
-        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"));
-        config.directives = `options.directives = {${useDirectives.join(",")}}`;
-      }
-    }
-    const importMapComponents = await componentsPromise;
-    const componentsToImport = /* @__PURE__ */ new Map();
-    config.components.forEach((component) => {
-      const { from } = importMapComponents[component];
-      if (!from) {
-        logger.warn(`Component ${component} not found in Vuetify.`);
-        return;
-      }
-      const parts = from.split("/");
-      if (parts.length < 2) {
-        logger.warn(`Component ${component} not found in Vuetify, please report a new issue.`);
-        return;
-      }
-      if (!componentsToImport.has(parts[1]))
-        componentsToImport.set(parts[1], []);
-      const componentsArray = componentsToImport.get(parts[1]);
-      if (!componentsArray.includes(component))
-        componentsArray.push(component);
-    });
-    Object.entries(config.aliases).forEach(([key, component]) => {
-      const { from } = importMapComponents[component];
-      if (!from) {
-        logger.warn(`Component ${component} not found in Vuetify.`);
-        return;
-      }
-      const parts = from.split("/");
-      if (parts.length < 2) {
-        logger.warn(`Component ${component} not found in Vuetify, please report a new issue.`);
-        return;
-      }
-      if (!componentsToImport.has(parts[1]))
-        componentsToImport.set(parts[1], []);
-      const componentsArray = componentsToImport.get(parts[1]);
-      if (!componentsArray.includes(component))
-        componentsArray.push(component);
-      config.aliasEntries.push(`'${key}': ${component}`);
-    });
-    componentsToImport.forEach((componentsArray, from) => {
-      config.imports.push(`import {${componentsArray.join(",")}} from 'vuetify/components/${from}'`);
-    });
-    let addDatePicker = true;
-    if (labComponents) {
-      const useLabComponents = [];
-      if (typeof labComponents === "boolean") {
-        config.imports.push("import * as labsComponents from 'vuetify/labs/components'");
-        config.labComponents.add("*");
-        addDatePicker = false;
-      } else if (typeof labComponents === "string") {
-        useLabComponents.push(labComponents);
-      } else if (Array.isArray(labComponents)) {
-        useLabComponents.push(...labComponents);
-      }
-      if (useLabComponents.length) {
-        componentsToImport.clear();
-        const importMapLabComponents = await labComponentsPromise;
-        useLabComponents.forEach((component) => {
-          const { from } = importMapLabComponents[component];
-          if (!from) {
-            logger.warn(`Lab Component ${component} not found in Vuetify.`);
-            return;
-          }
-          const parts = from.split("/");
-          if (parts.length < 2) {
-            logger.warn(`Lab Component ${component} not found in Vuetify, please report a new issue.`);
-            return;
-          }
-          if (!componentsToImport.has(parts[1]))
-            componentsToImport.set(parts[1], []);
-          const componentsArray = componentsToImport.get(parts[1]);
-          if (!componentsArray.includes(component))
-            componentsArray.push(component);
-          config.labComponents.add(component);
-        });
-        if (dateOptions && !config.labComponents.has("VDatePicker")) {
-          const entry = componentsToImport.get("VDatePicker");
-          if (entry) {
-            entry.push("VDatePicker");
-            config.labComponents.add("VDatePicker");
-          }
-        }
-        componentsToImport.forEach((componentsArray, from) => {
-          config.imports.push(`import {${componentsArray.join(",")}} from 'vuetify/labs/${from}'`);
-        });
-        addDatePicker = !config.labComponents.has("VDatePicker");
-      }
-    }
-    if (dateOptions && addDatePicker) {
-      config.imports.push("import {VDatePicker} from 'vuetify/labs/VDatePicker'");
-      config.labComponents.add("VDatePicker");
-    }
-    let componentsEntry = "";
-    if (config.components.size) {
-      if (config.labComponents.size) {
-        if (config.labComponents.has("*"))
-          componentsEntry = `options.components = {${Array.from(config.components).join(",")},...labsComponents}`;
-        else
-          componentsEntry = `options.components = {${Array.from(config.components).join(",")},${Array.from(config.labComponents).join(",")}}`;
-      } else {
-        componentsEntry = `options.components = {${Array.from(config.components).join(",")}}`;
-      }
-    } else if (config.labComponents.size) {
-      if (config.labComponents.has("*"))
-        componentsEntry = "options.components = {...labsComponents}";
-      else
-        componentsEntry = `options.components = {${Array.from(config.labComponents).join(",")}}`;
-    }
-    if (!i18n && localeMessages) {
-      const useLocales = Array.isArray(localeMessages) ? [.../* @__PURE__ */ new Set([...localeMessages])] : [localeMessages];
-      config.imports.push(`import {${useLocales.join(",")}} from 'vuetify/locale'`);
-      config.messages = `
-  options.locale = options.locale || {}
-  options.locale.messages = options.locale.messages || {}
-${useLocales.map((locale) => {
-        return `
-  if ('${locale}' in options.locale.messages)
-    deepCopy(options.locale.messages['${locale}'],${locale})
-
-  options.locale.messages['${locale}'] = ${locale}
-`;
-      }).join("")}
-`;
-    }
-    return {
-      imports: config.imports.length ? config.imports.join("\n") : "",
-      components: componentsEntry,
-      aliases: config.aliasEntries.length ? `options.aliases = {${config.aliasEntries.join(",")}}` : "",
-      directives: config.directives,
-      messages: config.messages
-    };
-  }
-}
-
-function vuetifyDateConfigurationPlugin(isDev, i18n, dateAdapter, dateOptions) {
-  const { adapter: _adapter, ...newDateOptions } = dateOptions;
-  return {
-    name: "vuetify:date-configuration:nuxt",
-    enforce: "pre",
-    resolveId(id) {
-      if (id === VIRTUAL_VUETIFY_DATE_CONFIGURATION)
-        return RESOLVED_VIRTUAL_VUETIFY_DATE_CONFIGURATION;
-    },
-    async load(id) {
-      if (id === RESOLVED_VIRTUAL_VUETIFY_DATE_CONFIGURATION) {
-        const imports = dateAdapter === "vuetify" ? "import { VuetifyDateAdapter } from 'vuetify/labs/date/adapters/vuetify'" : dateAdapter === "custom" ? "" : `import Adapter from '@date-io/${dateAdapter}'`;
-        return `${imports}
-export const isDev = ${isDev}
-export const i18n = ${i18n}
-export const adapter = '${dateAdapter}'
-export function dateConfiguration() {
-  const options = JSON.parse('${JSON.stringify(newDateOptions)}')
-  ${buildAdapter()}
-  return options
-}
-`;
-      }
-    }
-  };
-  function buildAdapter() {
-    if (dateAdapter === "custom")
-      return "";
-    if (dateAdapter === "vuetify")
-      return "options.adapter = VuetifyDateAdapter";
-    return "options.adapter = Adapter";
-  }
-}
-
-const cssFonts = ["unocss-mdi", "mdi", "md", "fa", "fa4"];
-const iconsPackageNames = {
-  "unocss-mdi": { name: "@mdi/font", css: "" },
-  "mdi": { name: "@mdi/font", css: "@mdi/font/css/materialdesignicons.css" },
-  "md": { name: "material-design-icons-iconfont", css: "@mdi/font/css/materialdesignicons.css" },
-  "fa": { name: "@fortawesome/fontawesome-free", css: "@fortawesome/fontawesome-free/css/all.css" },
-  "fa4": { name: "font-awesome@4.7.0", css: "font-awesome/css/font-awesome.min.css" }
-};
-const iconsCDN = {
-  "unocss-mdi": "",
-  "mdi": "https://cdn.jsdelivr.net/npm/@mdi/font@5.x/css/materialdesignicons.min.css",
-  "md": "https://fonts.googleapis.com/css?family=Material+Icons",
-  "fa": "https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@latest/css/all.min.css",
-  "fa4": "https://cdn.jsdelivr.net/npm/font-awesome@4.x/css/font-awesome.min.css"
-};
-const disabledResolvedIcons = Object.freeze({
-  enabled: false,
-  unocss: false,
-  unocssAliases: false,
-  unocssIconPrefix: "i-",
-  imports: [],
-  aliases: [],
-  sets: [],
-  cdn: [],
-  local: [],
-  svg: {}
-});
-function prepareIcons(unocssPresent, logger, vuetifyOptions) {
-  if (vuetifyOptions.icons === false)
-    return disabledResolvedIcons;
-  const icons = vuetifyOptions.icons || {};
-  let { defaultSet = "mdi", sets } = icons;
-  if (!defaultSet)
-    defaultSet = icons.defaultSet = "mdi";
-  if (!sets && defaultSet !== "mdi-svg" && defaultSet !== "fa-svg" && defaultSet !== "custom")
-    sets = [{ name: defaultSet || "mdi" }];
-  sets = sets ? convertFontSetsToObjectNotation(sets) : [];
-  const resolvedIcons = {
-    enabled: true,
-    unocss: unocssPresent && (defaultSet === "unocss-mdi" || sets.some((s) => s.name === "unocss-mdi")),
-    unocssAliases: defaultSet === "unocss-mdi",
-    unocssIconPrefix: icons.unocssIconPrefix ?? "i-",
-    defaultSet,
-    sets: [],
-    aliases: [],
-    imports: [],
-    cdn: [],
-    local: [],
-    svg: {
-      mdi: false
-    }
-  };
-  if (sets) {
-    if (!unocssPresent && defaultSet === "unocss-mdi") {
-      logger.warn("Configured unocss-mdi as default icon set and @unocss/nuxt is not installed, reverting configuration to use mdi icon set: install @unocss/nuxt module or change the default icon set!");
-      defaultSet = "mdi";
-      sets = sets.filter((s) => s.name !== "unocss-mdi");
-    }
-    sets.filter((s) => cssFonts.includes(s.name)).forEach(({ name, cdn }) => {
-      if (name === "unocss-mdi")
-        return;
-      resolvedIcons.imports.push(`import {${name === defaultSet ? "aliases," : ""}${name}} from 'vuetify/iconsets/${name}'`);
-      resolvedIcons.sets.push(name);
-      if (isPackageExists(iconsPackageNames[name].name))
-        resolvedIcons.local.push(iconsPackageNames[name].css);
-      else
-        resolvedIcons.cdn.push(cdn ?? iconsCDN[name]);
-    });
-    if (resolvedIcons.unocss && defaultSet === "unocss-mdi") {
-      if (!resolvedIcons.sets.includes("mdi")) {
-        resolvedIcons.sets.push("mdi");
-        resolvedIcons.imports.push("import {mdi} from 'vuetify/iconsets/mdi'");
+export const isDev = ${ctx.isDev}
+export function vuetifyConfiguration() {
+  const options = JSON.parse('${JSON.stringify(newVuetifyOptions)}')
+  ${result.directives}
+  ${result.aliases}
+  ${result.components}
+  ${result.messages}
+  return options
+}
+${deepCopy ? `function deepCopy(src,des) {
+    for (const key in src) {
+      if (typeof src[key] === 'object') {
+        if (typeof des[key] !== 'object') des[key] = {}
+        deepCopy(src[key], des[key])
+      } else {
+        des[key] = src[key]
       }
-      resolvedIcons.defaultSet = "mdi";
     }
   }
-  let faSvg = icons.svg?.fa;
-  if (defaultSet === "fa-svg" || faSvg) {
-    if (!faSvg)
-      faSvg = {};
-    let faSvgExists = isPackageExists("@fortawesome/fontawesome-svg-core");
-    if (!faSvgExists)
-      logger.warn("Missing @fortawesome/fontawesome-svg-core dependency, install it!");
-    faSvgExists = isPackageExists("@fortawesome/vue-fontawesome");
-    if (faSvgExists) {
-      if (!faSvg.libraries?.length)
-        faSvg.libraries = [[false, "fas", "@fortawesome/free-solid-svg-icons"]];
-      for (const p in faSvg.libraries) {
-        const [_defaultExport, _name, library] = faSvg.libraries[p];
-        if (!isPackageExists(library)) {
-          faSvgExists = false;
-          logger.warn(`Missing library ${library} dependency, install it!`);
-        }
+  ` : ""}
+`;
       }
-    } else {
-      logger.warn("Missing @fortawesome/vue-fontawesome dependency, install it!");
     }
-    if (faSvgExists) {
-      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'");
-      resolvedIcons.imports.push("import { useNuxtApp } from '#app'");
-      resolvedIcons.svg.fa = ["useNuxtApp().vueApp.component('font-awesome-icon', FontAwesomeIcon)"];
-      faSvg.libraries.forEach(([defaultExport, name, library]) => {
-        resolvedIcons.imports.push(`import ${defaultExport ? name : `{${name}}`} from '${library}'`);
-        resolvedIcons.svg.fa.push(`library.add(${name})`);
-      });
-      resolvedIcons.sets.push("fa");
-      if (defaultSet === "fa-svg")
-        resolvedIcons.defaultSet = "fa";
+  };
+}
+async function buildConfiguration(ctx) {
+  const {
+    componentsPromise,
+    labComponentsPromise,
+    logger,
+    vuetifyOptions
+  } = ctx;
+  const {
+    aliases,
+    components,
+    directives,
+    localeMessages,
+    labComponents,
+    date: dateOptions
+  } = vuetifyOptions;
+  const config = {
+    directives: "",
+    imports: [],
+    aliasEntries: [],
+    aliases: aliases || {},
+    components: new Set(components ? Array.isArray(components) ? components : [components] : []),
+    labComponents: /* @__PURE__ */ new Set(),
+    messages: ""
+  };
+  if (directives) {
+    if (typeof directives === "boolean") {
+      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"));
+      config.directives = `options.directives = {${useDirectives.join(",")}}`;
     }
   }
-  let mdiSvg = icons.svg?.mdi;
-  if (defaultSet === "mdi-svg" || mdiSvg) {
-    if (!mdiSvg)
-      mdiSvg = {};
-    const mdiSvgExists = isPackageExists("@mdi/js");
-    if (mdiSvgExists) {
-      resolvedIcons.svg.mdi = true;
-      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'`);
-        Object.entries(mdiSvg.aliases).forEach(([alias, icon]) => {
-          resolvedIcons.aliases.push(`${alias}: ${icon}`);
-        });
+  const importMapComponents = await componentsPromise;
+  const componentsToImport = /* @__PURE__ */ new Map();
+  config.components.forEach((component) => {
+    const { from } = importMapComponents[component];
+    if (!from) {
+      logger.warn(`Component ${component} not found in Vuetify.`);
+      return;
+    }
+    const parts = from.split("/");
+    if (parts.length < 2) {
+      logger.warn(`Component ${component} not found in Vuetify, please report a new issue.`);
+      return;
+    }
+    if (!componentsToImport.has(parts[1]))
+      componentsToImport.set(parts[1], []);
+    const componentsArray = componentsToImport.get(parts[1]);
+    if (!componentsArray.includes(component))
+      componentsArray.push(component);
+  });
+  Object.entries(config.aliases).forEach(([key, component]) => {
+    const { from } = importMapComponents[component];
+    if (!from) {
+      logger.warn(`Component ${component} not found in Vuetify.`);
+      return;
+    }
+    const parts = from.split("/");
+    if (parts.length < 2) {
+      logger.warn(`Component ${component} not found in Vuetify, please report a new issue.`);
+      return;
+    }
+    if (!componentsToImport.has(parts[1]))
+      componentsToImport.set(parts[1], []);
+    const componentsArray = componentsToImport.get(parts[1]);
+    if (!componentsArray.includes(component))
+      componentsArray.push(component);
+    config.aliasEntries.push(`'${key}': ${component}`);
+  });
+  componentsToImport.forEach((componentsArray, from) => {
+    config.imports.push(`import {${componentsArray.join(",")}} from 'vuetify/components/${from}'`);
+  });
+  let addDatePicker = true;
+  if (labComponents) {
+    const useLabComponents = [];
+    if (typeof labComponents === "boolean") {
+      config.imports.push("import * as labsComponents from 'vuetify/labs/components'");
+      config.labComponents.add("*");
+      addDatePicker = false;
+    } else if (typeof labComponents === "string") {
+      useLabComponents.push(labComponents);
+    } else if (Array.isArray(labComponents)) {
+      useLabComponents.push(...labComponents);
+    }
+    if (useLabComponents.length) {
+      componentsToImport.clear();
+      const importMapLabComponents = await labComponentsPromise;
+      useLabComponents.forEach((component) => {
+        const { from } = importMapLabComponents[component];
+        if (!from) {
+          logger.warn(`Lab Component ${component} not found in Vuetify.`);
+          return;
+        }
+        const parts = from.split("/");
+        if (parts.length < 2) {
+          logger.warn(`Lab Component ${component} not found in Vuetify, please report a new issue.`);
+          return;
+        }
+        if (!componentsToImport.has(parts[1]))
+          componentsToImport.set(parts[1], []);
+        const componentsArray = componentsToImport.get(parts[1]);
+        if (!componentsArray.includes(component))
+          componentsArray.push(component);
+        config.labComponents.add(component);
+      });
+      if (dateOptions && !config.labComponents.has("VDatePicker")) {
+        const entry = componentsToImport.get("VDatePicker");
+        if (entry) {
+          entry.push("VDatePicker");
+          config.labComponents.add("VDatePicker");
+        }
       }
-      resolvedIcons.sets.push("mdi");
-      if (defaultSet === "mdi-svg")
-        resolvedIcons.defaultSet = "mdi";
-    } else {
-      resolvedIcons.svg.mdi = false;
-      logger.warn("Missing @mdi/js dependency, install it!");
+      componentsToImport.forEach((componentsArray, from) => {
+        config.imports.push(`import {${componentsArray.join(",")}} from 'vuetify/labs/${from}'`);
+      });
+      addDatePicker = !config.labComponents.has("VDatePicker");
     }
   }
-  if (defaultSet !== "custom" && !resolvedIcons.unocss && !resolvedIcons.local?.length && !resolvedIcons.cdn?.length && !resolvedIcons.svg?.mdi && !resolvedIcons.svg?.fa?.length) {
-    logger.warn("No icons found, icons disabled!");
-    return disabledResolvedIcons;
+  if (dateOptions && addDatePicker) {
+    config.imports.push("import {VDatePicker} from 'vuetify/labs/VDatePicker'");
+    config.labComponents.add("VDatePicker");
   }
-  return resolvedIcons;
-}
-function convertFontSetsToObjectNotation(sets) {
-  const result = [];
-  if (typeof sets === "string") {
-    result.push({ name: sets });
-  } else {
-    for (const set of sets) {
-      if (typeof set === "string")
-        result.push({ name: set });
+  let componentsEntry = "";
+  if (config.components.size) {
+    if (config.labComponents.size) {
+      if (config.labComponents.has("*"))
+        componentsEntry = `options.components = {${Array.from(config.components).join(",")},...labsComponents}`;
       else
-        result.push(set);
+        componentsEntry = `options.components = {${Array.from(config.components).join(",")},${Array.from(config.labComponents).join(",")}}`;
+    } else {
+      componentsEntry = `options.components = {${Array.from(config.components).join(",")}}`;
     }
+  } else if (config.labComponents.size) {
+    if (config.labComponents.has("*"))
+      componentsEntry = "options.components = {...labsComponents}";
+    else
+      componentsEntry = `options.components = {${Array.from(config.labComponents).join(",")}}`;
   }
-  return result;
+  if (!ctx.i18n && localeMessages) {
+    const useLocales = Array.isArray(localeMessages) ? [.../* @__PURE__ */ new Set([...localeMessages])] : [localeMessages];
+    config.imports.push(`import {${useLocales.join(",")}} from 'vuetify/locale'`);
+    config.messages = `
+  options.locale = options.locale || {}
+  options.locale.messages = options.locale.messages || {}
+${useLocales.map((locale) => {
+      return `
+  if ('${locale}' in options.locale.messages)
+    deepCopy(options.locale.messages['${locale}'],${locale})
+
+  options.locale.messages['${locale}'] = ${locale}
+`;
+    }).join("")}
+`;
+  }
+  return {
+    imports: config.imports.length ? config.imports.join("\n") : "",
+    components: componentsEntry,
+    aliases: config.aliasEntries.length ? `options.aliases = {${config.aliasEntries.join(",")}}` : "",
+    directives: config.directives,
+    messages: config.messages
+  };
 }
 
-function vuetifyIconsPlugin(isDev, resolvedIcons) {
-  const iconsOptionsPromise = prepareIcons();
+function vuetifyIconsPlugin(ctx) {
   return {
     name: "vuetify:icons-configuration:nuxt",
     enforce: "pre",
@@ -592,23 +826,34 @@ function vuetifyIconsPlugin(isDev, resolvedIcons) {
     },
     async load(id) {
       if (id === RESOLVED_VIRTUAL_VUETIFY_ICONS_CONFIGURATION) {
-        if (!resolvedIcons.enabled) {
-          return `export const isDev = ${isDev}
+        const {
+          enabled,
+          unocss,
+          aliases,
+          fa,
+          defaultSet,
+          imports,
+          sets
+        } = await prepareIcons();
+        if (!enabled) {
+          return `export const enabled = false
+export const isDev = ${ctx.isDev}
 export function iconsConfiguration() {
-  return { defaultSet: undefined }
+  return {}
 }
 `;
         }
-        const { unocss, aliases, fa, defaultSet, imports, sets } = await iconsOptionsPromise;
         if (!defaultSet) {
-          return `export const isDev = ${isDev}
+          return `export const enabled = true
+export const isDev = ${ctx.isDev}
 export function iconsConfiguration() {
-  return { defaultSet: undefined }
+  return {}
 }
 `;
         }
         return `${imports}
-export const isDev = ${isDev}
+export const enabled = true
+export const isDev = ${ctx.isDev}
 export function iconsConfiguration() {
 ${fa.map((f) => `  ${f}`).join("\n")}
   return {
@@ -623,8 +868,9 @@ ${unocss}
     }
   };
   async function prepareIcons() {
-    if (!resolvedIcons.enabled) {
+    if (!ctx.icons.enabled) {
       return {
+        enabled: false,
         unocss: "",
         defaultSet: void 0,
         imports: "",
@@ -634,7 +880,7 @@ ${unocss}
       };
     }
     let aliases = "aliases,";
-    const alias = resolvedIcons.aliases;
+    const alias = ctx.icons.aliases;
     if (alias.length) {
       aliases = `aliases: {
       ...aliases,
@@ -643,9 +889,9 @@ ${unocss}
 `;
     }
     let unocss = "";
-    if (resolvedIcons.unocss && resolvedIcons.unocssAliases) {
-      resolvedIcons.imports.unshift("// @unocss-include");
-      const prefix = `${resolvedIcons.unocssIconPrefix}mdi:`;
+    if (ctx.icons.unocss && ctx.icons.unocssAliases) {
+      ctx.icons.imports.unshift("// @unocss-include");
+      const prefix = `${ctx.icons.unocssIconPrefix}mdi:`;
       unocss = `const aliases = ${JSON.stringify({
         collapse: `${prefix}chevron-up`,
         complete: `${prefix}check`,
@@ -689,16 +935,81 @@ ${unocss}
 `;
     }
     return {
+      enabled: true,
       unocss,
-      fa: resolvedIcons.svg?.fa ?? [],
-      defaultSet: resolvedIcons.defaultSet,
-      imports: Object.values(resolvedIcons.imports).join("\n"),
-      sets: resolvedIcons.sets.join(","),
+      fa: ctx.icons.svg?.fa ?? [],
+      defaultSet: ctx.icons.defaultSet,
+      imports: Object.values(ctx.icons.imports).join("\n"),
+      sets: ctx.icons.sets.join(","),
       aliases
     };
   }
 }
 
+function vuetifyDateConfigurationPlugin(ctx) {
+  return {
+    name: "vuetify:date-configuration:nuxt",
+    enforce: "pre",
+    resolveId(id) {
+      if (id === VIRTUAL_VUETIFY_DATE_CONFIGURATION)
+        return RESOLVED_VIRTUAL_VUETIFY_DATE_CONFIGURATION;
+    },
+    async load(id) {
+      if (id === RESOLVED_VIRTUAL_VUETIFY_DATE_CONFIGURATION) {
+        if (!ctx.dateAdapter) {
+          return `
+export const enabled = false
+export const isDev = ${ctx.isDev}
+export const i18n = ${ctx.i18n}
+export const adapter = 'custom'
+export function dateConfiguration() {
+  return {}
+}
+`;
+        }
+        const { adapter: _adapter, ...newDateOptions } = ctx.vuetifyOptions.date ?? {};
+        const imports = ctx.dateAdapter === "vuetify" ? "import { VuetifyDateAdapter } from 'vuetify/labs/date/adapters/vuetify'" : ctx.dateAdapter === "custom" ? "" : `import Adapter from '@date-io/${ctx.dateAdapter}'`;
+        return `${imports}
+export const enabled = true
+export const isDev = ${ctx.isDev}
+export const i18n = ${ctx.i18n}
+export const adapter = '${ctx.dateAdapter}'
+export function dateConfiguration() {
+  const options = JSON.parse('${JSON.stringify(newDateOptions)}')
+  ${buildAdapter()}
+  return options
+}
+`;
+      }
+    }
+  };
+  function buildAdapter() {
+    if (ctx.dateAdapter === "custom")
+      return "";
+    if (ctx.dateAdapter === "vuetify")
+      return "options.adapter = VuetifyDateAdapter";
+    return "options.adapter = Adapter";
+  }
+}
+
+function configureVite(configKey, nuxt, ctx) {
+  nuxt.hook("vite:extend", ({ config }) => checkVuetifyPlugins(config));
+  nuxt.hook("vite:extendConfig", (viteInlineConfig) => {
+    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
+    ];
+    viteInlineConfig.plugins.push(vuetifyStylesPlugin({ styles: ctx.moduleOptions.styles }, ctx.logger));
+    viteInlineConfig.plugins.push(vuetifyConfigurationPlugin(ctx));
+    viteInlineConfig.plugins.push(vuetifyIconsPlugin(ctx));
+    viteInlineConfig.plugins.push(vuetifyDateConfigurationPlugin(ctx));
+  });
+}
+
 function toKebabCase(str = "") {
   if (toKebabCase.cache.has(str))
     return toKebabCase.cache.get(str);
@@ -708,75 +1019,74 @@ function toKebabCase(str = "") {
 }
 toKebabCase.cache = /* @__PURE__ */ new Map();
 
-function detectDate() {
-  const result = [];
-  [
-    "date-fns",
-    "moment",
-    "luxon",
-    "dayjs",
-    "js-joda",
-    "date-fns-jalali",
-    "jalaali",
-    "hijri"
-  ].forEach((adapter) => {
-    if (isPackageExists(`@date-io/${adapter}`))
-      result.push(adapter);
+function configureNuxt(configKey, nuxt, ctx) {
+  var _a;
+  const { importComposables, prefixComposables, styles } = ctx.moduleOptions;
+  const runtimeDir = ctx.resolver.resolve("./runtime");
+  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");
+  else if (styles === true)
+    nuxt.options.css.unshift("vuetify/styles");
+  else if (typeof styles === "object" && typeof styles?.configFile === "string")
+    nuxt.options.css.unshift(styles.configFile);
+  extendWebpackConfig(() => {
+    throw new Error("Webpack is not supported: vuetify-nuxt-module module can only be used with Vite!");
   });
-  return result;
-}
-function cleanupBlueprint(vuetifyOptions) {
-  const blueprint = vuetifyOptions.blueprint;
-  if (blueprint) {
-    delete blueprint.ssr;
-    delete blueprint.components;
-    delete blueprint.directives;
-    delete blueprint.locale;
-    delete blueprint.date;
-    delete blueprint.icons;
-    vuetifyOptions.blueprint = blueprint;
-  }
-}
-function checkVuetifyPlugins(config) {
-  let plugin = config.plugins?.find((p) => p && typeof p === "object" && "name" in p && p.name === "vuetify:import");
-  if (plugin)
-    throw new Error("Remove vite-plugin-vuetify plugin from Vite Plugins entry in Nuxt config file!");
-  plugin = config.plugins?.find((p) => p && typeof p === "object" && "name" in p && p.name === "vuetify:styles");
-  if (plugin)
-    throw new Error("Remove vite-plugin-vuetify plugin from Vite Plugins entry in Nuxt config file!");
-}
-function resolveVuetifyComponents(resolver) {
-  const vuetifyBase = resolveVuetifyBase();
-  const componentsPromise = importMapResolver();
-  const labComponentsPromise = importMapLabResolver();
-  return {
-    vuetifyBase,
-    componentsPromise,
-    labComponentsPromise
-  };
-  async function importMapResolver() {
-    return JSON.parse(await readFile(resolver.resolve(vuetifyBase, "dist/json/importMap.json"), "utf-8")).components;
-  }
-  async function importMapLabResolver() {
-    return JSON.parse(await readFile(resolver.resolve(vuetifyBase, "dist/json/importMap-labs.json"), "utf-8")).components;
+  nuxt.hook("prepare:types", ({ references }) => {
+    references.push({ types: "vuetify" });
+    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) => ({
+      name,
+      from: "vuetify",
+      as: prefixComposables ? name.replace(/^use/, "useV") : void 0,
+      meta: { docsUrl: `https://vuetifyjs.com/en/api/${toKebabCase(name)}/` }
+    })));
   }
-}
-
-async function mergeVuetifyModules(options, nuxt) {
-  const moduleOptions = [];
-  await nuxt.callHook("vuetify:registerModule", (layerModuleOptions) => moduleOptions.push(layerModuleOptions));
-  if (nuxt.options._layers.length > 1) {
-    nuxt.options._layers.forEach((layer, idx) => {
-      if (idx > 0 && layer.config.vuetify)
-        moduleOptions.push(layer.config.vuetify);
+  addPlugin({
+    src: ctx.resolver.resolve(runtimeDir, `plugins/vuetify${ctx.i18n ? "-sync" : ""}`)
+  });
+  addPlugin({
+    src: ctx.resolver.resolve(runtimeDir, "plugins/vuetify-icons")
+  });
+  if (ctx.i18n) {
+    addPlugin({
+      src: ctx.resolver.resolve(runtimeDir, "plugins/vuetify-i18n")
     });
   }
-  moduleOptions.push(options);
-  if (moduleOptions.length > 1) {
-    const [base, ...rest] = moduleOptions;
-    return defu(base, ...rest);
+  if (nuxt.options.dev) {
+    addPlugin({
+      src: ctx.resolver.resolve(runtimeDir, "plugins/vuetify-date")
+    });
   } else {
-    return options;
+    if (ctx.dateAdapter) {
+      addPlugin({
+        src: ctx.resolver.resolve(runtimeDir, "plugins/vuetify-date")
+      });
+    }
   }
 }
 
@@ -801,159 +1111,26 @@ const module = defineNuxtModule({
     }
   }),
   async setup(options, nuxt) {
-    var _a, _b;
     if (!isNuxt3(nuxt))
       logger.error(`Cannot support nuxt version: ${getNuxtVersion(nuxt)}`);
-    const resolver = createResolver(import.meta.url);
-    options = await mergeVuetifyModules(options, nuxt);
-    const { vuetifyOptions = {} } = options;
-    const {
-      directives = false,
-      labComponents = false,
-      ...vOptions
-    } = vuetifyOptions;
-    const moduleOptions = defu(options.moduleOptions ?? {}, {
-      styles: true,
-      importComposables: true,
-      prefixComposables: false
-    });
-    const isSSR = nuxt.options.ssr;
-    const vuetifyAppOptions = defu(vOptions, {});
-    cleanupBlueprint(vuetifyAppOptions);
-    const { styles } = moduleOptions;
-    const i18n = hasNuxtModule("@nuxtjs/i18n", nuxt);
-    let dateAdapter;
-    const dateOptions = vuetifyOptions.date;
-    if (dateOptions) {
-      const adapter = dateOptions.adapter;
-      const date = detectDate();
-      if (!adapter && date.length > 1)
-        throw new Error(`Multiple date adapters found: ${date.map((d) => `@date-io/${d[0]}`).join(", ")}, please specify the adapter to use in the "vuetifyOptions.date.adapter" option.`);
-      if (adapter) {
-        if (adapter === "vuetify" || adapter === "custom") {
-          dateAdapter = adapter;
-        } else {
-          if (date.find((d) => d === adapter) === void 0)
-            logger.warn(`Ignoring Vuetify Date configuration, date adapter "@date-io/${adapter}" not installed!`);
-          else
-            dateAdapter = adapter;
-        }
-      } else if (date.length === 0) {
-        dateAdapter = "vuetify";
-      } else {
-        dateAdapter = date[0];
-      }
-    }
-    nuxt.options.build.transpile.push(CONFIG_KEY);
-    const icons = prepareIcons(hasNuxtModule("@unocss/nuxt"), logger, vuetifyOptions);
-    (_a = nuxt.options).css ?? (_a.css = []);
-    if (typeof styles === "string" && ["sass", "expose"].includes(styles))
-      nuxt.options.css.unshift("vuetify/styles/main.sass");
-    else if (styles === true)
-      nuxt.options.css.unshift("vuetify/styles");
-    else if (typeof styles === "object" && typeof styles?.configFile === "string")
-      nuxt.options.css.unshift(styles.configFile);
-    if (icons.enabled) {
-      icons.local?.forEach((css) => nuxt.options.css.push(css));
-      if (icons.cdn?.length) {
-        (_b = nuxt.options.app.head).link ?? (_b.link = []);
-        icons.cdn.forEach((href) => nuxt.options.app.head.link.push({
-          rel: "stylesheet",
-          href,
-          type: "text/css",
-          crossorigin: "anonymous"
-        }));
-      }
-    }
-    extendWebpackConfig(() => {
-      throw new Error("Webpack is not supported: vuetify-nuxt-module module can only be used with Vite!");
-    });
-    nuxt.hook("vite:extend", ({ config }) => checkVuetifyPlugins(config));
-    nuxt.hook("prepare:types", ({ references }) => {
-      references.push({ types: "vuetify" });
-      references.push({ types: "vuetify-nuxt-module/configuration" });
-    });
-    const {
-      componentsPromise,
-      labComponentsPromise
-    } = resolveVuetifyComponents(resolver);
-    nuxt.hook("components:extend", async (c) => {
-      const components = await 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 (moduleOptions.importComposables) {
-      const composables = ["useLocale", "useDefaults", "useDisplay", "useLayout", "useRtl", "useTheme"];
-      addImports(composables.map((name) => ({
-        name,
-        from: "vuetify",
-        as: moduleOptions.prefixComposables ? name.replace(/^use/, "useV") : void 0,
-        meta: { docsUrl: `https://vuetifyjs.com/en/api/${toKebabCase(name)}/` }
-      })));
-    }
-    nuxt.hook("vite:extendConfig", (viteInlineConfig) => {
-      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 : [],
-        CONFIG_KEY
-      ];
-      viteInlineConfig.plugins.push(vuetifyStylesPlugin({ styles }, logger));
-      viteInlineConfig.plugins.push(vuetifyConfigurationPlugin(
-        nuxt.options.dev,
-        isSSR,
-        i18n,
-        directives,
-        labComponents,
-        vuetifyAppOptions,
-        componentsPromise,
-        labComponentsPromise,
-        logger
-      ));
-      viteInlineConfig.plugins.push(vuetifyIconsPlugin(
-        nuxt.options.dev,
-        icons
-      ));
-      if (dateAdapter) {
-        viteInlineConfig.plugins.push(vuetifyDateConfigurationPlugin(
-          nuxt.options.dev,
-          i18n,
-          dateAdapter,
-          dateOptions
-        ));
-      }
-    });
-    const runtimeDir = resolver.resolve("./runtime");
-    addPlugin({
-      src: resolver.resolve(runtimeDir, `plugins/vuetify${i18n ? "-sync" : ""}`)
-    });
-    addPlugin({
-      src: resolver.resolve(runtimeDir, "plugins/vuetify-icons")
-    });
-    if (i18n) {
-      addPlugin({
-        src: resolver.resolve(runtimeDir, "plugins/vuetify-i18n")
-      });
-    }
-    if (dateAdapter) {
-      addPlugin({
-        src: resolver.resolve(runtimeDir, "plugins/vuetify-date")
-      });
-    }
+    const ctx = {
+      logger,
+      resolver: createResolver(import.meta.url),
+      moduleOptions: void 0,
+      vuetifyOptions: void 0,
+      vuetifyFilesToWatch: [],
+      isSSR: nuxt.options.ssr,
+      isDev: nuxt.options.dev,
+      unocss: hasNuxtModule("@unocss/nuxt", nuxt),
+      i18n: hasNuxtModule("@nuxtjs/i18n", nuxt),
+      icons: void 0,
+      componentsPromise: void 0,
+      labComponentsPromise: void 0
+    };
+    await load(options, nuxt, ctx);
+    configureNuxt(CONFIG_KEY, nuxt, ctx);
+    registerWatcher(options, nuxt, ctx);
+    configureVite(CONFIG_KEY, nuxt, ctx);
   }
 });