vuetify-nuxt-module 0.9.0 → 0.10.0

package/dist/module.json

@@ -5,5 +5,5 @@
     "nuxt": "^3.6.5",
     "bridge": false
   },
-  "version": "0.9.0"
+  "version": "0.10.0"
 }

package/dist/module.mjs

@@ -1,4 +1,4 @@
-import { addVitePlugin, extendWebpackConfig, addImports, addPlugin, useLogger, defineNuxtModule, isNuxt3, getNuxtVersion, createResolver, hasNuxtModule } from '@nuxt/kit';
+import { addVitePlugin, extendWebpackConfig, addImports, addPlugin, addPluginTemplate, useLogger, defineNuxtModule, isNuxt3, getNuxtVersion, createResolver, hasNuxtModule } from '@nuxt/kit';
 import { isPackageExists, getPackageInfo } from 'local-pkg';
 import defu from 'defu';
 import { debounce } from 'perfect-debounce';
@@ -14,7 +14,7 @@ import { parseQuery, parseURL } from 'ufo';
 import destr from 'destr';
 import { transformAssetUrls } from 'vite-plugin-vuetify';
 
-const version = "0.9.0";
+const version = "0.10.0";
 
 const VIRTUAL_VUETIFY_CONFIGURATION = "virtual:vuetify-configuration";
 const RESOLVED_VIRTUAL_VUETIFY_CONFIGURATION = `/@nuxt-vuetify-configuration/${VIRTUAL_VUETIFY_CONFIGURATION.slice("virtual:".length)}`;
@@ -1204,7 +1204,14 @@ function configureNuxt(configKey, nuxt, ctx) {
       meta: { docsUrl: `https://vuetifyjs.com/en/api/${toKebabCase(name)}/` }
     })));
   }
+  let addHttpClientHintsPlugin = "";
   if (ctx.ssrClientHints.enabled) {
+    addHttpClientHintsPlugin = `
+if (import.meta.client)
+dependsOn.push('vuetify:client-hints:client:plugin')
+if (import.meta.server)
+dependsOn.push('vuetify:client-hints:server:plugin')
+`;
     addPlugin({
       src: ctx.resolver.resolve(runtimeDir, "plugins/vuetify-client-hints.client"),
       mode: "client"
@@ -1218,22 +1225,58 @@ function configureNuxt(configKey, nuxt, ctx) {
       src: ctx.resolver.resolve(runtimeDir, "plugins/vuetify-no-client-hints")
     });
   }
-  addPlugin({
-    src: ctx.resolver.resolve(runtimeDir, `plugins/vuetify${ctx.i18n ? "-sync" : ""}`)
-  });
+  const dependsOn = ["vuetify:icons:plugin"];
   addPlugin({
     src: ctx.resolver.resolve(runtimeDir, "plugins/vuetify-icons")
   });
   if (ctx.i18n) {
+    dependsOn.push("vuetify:i18n:plugin");
     addPlugin({
       src: ctx.resolver.resolve(runtimeDir, "plugins/vuetify-i18n")
     });
   }
   if (nuxt.options.dev || ctx.dateAdapter) {
-    addPlugin({
-      src: ctx.resolver.resolve(runtimeDir, "plugins/vuetify-date")
-    });
+    if (ctx.i18n) {
+      dependsOn.push("vuetify:date-i18n:plugin");
+      addPlugin({
+        src: ctx.resolver.resolve(runtimeDir, "plugins/vuetify-i18n-date")
+      });
+    } else {
+      dependsOn.push("vuetify:date:plugin");
+      addPlugin({
+        src: ctx.resolver.resolve(runtimeDir, "plugins/vuetify-date")
+      });
+    }
   }
+  addPluginTemplate({
+    filename: "vuetify-nuxt-plugin.ts",
+    write: false,
+    getContents() {
+      return `
+import type { createVuetify } from 'vuetify'
+import { configureVuetify } from 'vuetify-nuxt-module/dist/runtime/plugins/config'
+import { defineNuxtPlugin } from '#imports'
+import type { Plugin } from '#app'
+
+const dependsOn = ${JSON.stringify(dependsOn)}
+${addHttpClientHintsPlugin}
+
+const plugin: Plugin<{
+  vuetify: ReturnType<typeof createVuetify>
+}> = defineNuxtPlugin({
+  name: 'vuetify:configuration:plugin',
+  order: 25,
+  dependsOn,
+  parallel: true,
+  async setup() {
+    await configureVuetify()
+  },
+})
+
+export default plugin
+`;
+    }
+  });
 }
 
 const CONFIG_KEY = "vuetify";

package/dist/runtime/plugins/vuetify-client-hints.client.mjs

@@ -1,90 +1,125 @@
 import { ssrClientHintsConfiguration } from "virtual:vuetify-ssr-client-hints-configuration";
-import { reactive, watch } from "vue";
+import { reactive, ref, watch } from "vue";
 import { VuetifyHTTPClientHints } from "./client-hints.mjs";
 import { defineNuxtPlugin, useNuxtApp, useState } from "#imports";
-const plugin = defineNuxtPlugin((nuxtApp) => {
-  const state = useState(VuetifyHTTPClientHints);
-  const {
-    firstRequest,
-    prefersColorSchemeAvailable,
-    prefersReducedMotionAvailable,
-    viewportHeightAvailable,
-    viewportWidthAvailable
-  } = state.value;
-  const {
-    reloadOnFirstRequest,
-    viewportSize,
-    prefersReducedMotion,
-    prefersColorScheme,
-    prefersColorSchemeOptions
-  } = ssrClientHintsConfiguration;
-  if (firstRequest && reloadOnFirstRequest) {
-    if (prefersColorScheme) {
-      const themeCookie = state.value.colorSchemeCookie;
-      if (prefersColorSchemeOptions && themeCookie) {
-        const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
-        const cookieName = prefersColorSchemeOptions.cookieName;
-        const parseCookieName = `${cookieName}=`;
-        const cookieEntry = `${parseCookieName}${state.value.colorSchemeFromCookie ?? prefersColorSchemeOptions.defaultTheme};`;
-        const newThemeName = prefersDark ? prefersColorSchemeOptions.darkThemeName : prefersColorSchemeOptions.lightThemeName;
-        document.cookie = themeCookie.replace(cookieEntry, `${cookieName}=${newThemeName};`);
+const plugin = defineNuxtPlugin({
+  name: "vuetify:client-hints:client:plugin",
+  order: -25,
+  parallel: true,
+  setup(nuxtApp) {
+    const state = useSSRClientHints();
+    const {
+      firstRequest,
+      prefersColorSchemeAvailable,
+      prefersReducedMotionAvailable,
+      viewportHeightAvailable,
+      viewportWidthAvailable
+    } = state.value;
+    const {
+      reloadOnFirstRequest,
+      viewportSize,
+      prefersReducedMotion,
+      prefersColorScheme,
+      prefersColorSchemeOptions
+    } = ssrClientHintsConfiguration;
+    if (firstRequest && reloadOnFirstRequest) {
+      if (prefersColorScheme) {
+        const themeCookie = state.value.colorSchemeCookie;
+        if (prefersColorSchemeOptions && themeCookie) {
+          const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+          const cookieName = prefersColorSchemeOptions.cookieName;
+          const parseCookieName = `${cookieName}=`;
+          const cookieEntry = `${parseCookieName}${state.value.colorSchemeFromCookie ?? prefersColorSchemeOptions.defaultTheme};`;
+          const newThemeName = prefersDark ? prefersColorSchemeOptions.darkThemeName : prefersColorSchemeOptions.lightThemeName;
+          document.cookie = themeCookie.replace(cookieEntry, `${cookieName}=${newThemeName};`);
+          window.location.reload();
+        } else if (prefersColorSchemeAvailable) {
+          window.location.reload();
+        }
+      }
+      if (prefersReducedMotion && prefersReducedMotionAvailable)
         window.location.reload();
-      } else if (prefersColorSchemeAvailable) {
+      if (viewportSize && viewportHeightAvailable)
+        window.location.reload();
+      if (viewportSize && viewportWidthAvailable)
         window.location.reload();
-      }
     }
-    if (prefersReducedMotion && prefersReducedMotionAvailable)
-      window.location.reload();
-    if (viewportSize && viewportHeightAvailable)
-      window.location.reload();
-    if (viewportSize && viewportWidthAvailable)
-      window.location.reload();
-  }
-  if (viewportSize || prefersColorScheme && prefersColorSchemeOptions) {
-    nuxtApp.hook("vuetify:before-create", ({ vuetifyOptions }) => {
-      if (viewportSize) {
-        const clientWidth = state.value.viewportWidth;
-        const clientHeight = state.value.viewportHeight;
-        vuetifyOptions.ssr = typeof clientWidth === "number" ? {
-          clientWidth,
-          clientHeight
-        } : true;
-      }
-      if (prefersColorScheme && prefersColorSchemeOptions) {
-        if (vuetifyOptions.theme === false) {
-          vuetifyOptions.theme = { defaultTheme: state.value.colorSchemeFromCookie ?? prefersColorSchemeOptions.defaultTheme };
-        } else {
-          vuetifyOptions.theme = vuetifyOptions.theme ?? {};
-          vuetifyOptions.theme.defaultTheme = state.value.colorSchemeFromCookie ?? prefersColorSchemeOptions.defaultTheme;
+    if (viewportSize || prefersColorScheme && prefersColorSchemeOptions) {
+      nuxtApp.hook("vuetify:before-create", ({ vuetifyOptions }) => {
+        if (viewportSize) {
+          const clientWidth = state.value.viewportWidth;
+          const clientHeight = state.value.viewportHeight;
+          vuetifyOptions.ssr = typeof clientWidth === "number" ? {
+            clientWidth,
+            clientHeight
+          } : true;
         }
-      }
-    });
-    if (prefersColorScheme && prefersColorSchemeOptions) {
-      const themeCookie = state.value.colorSchemeCookie;
-      if (themeCookie) {
-        nuxtApp.hook("app:beforeMount", () => {
-          const vuetify = useNuxtApp().$vuetify;
-          const cookieName = prefersColorSchemeOptions.cookieName;
-          const parseCookieName = `${cookieName}=`;
-          const cookieEntry = `${parseCookieName}${state.value.colorSchemeFromCookie ?? prefersColorSchemeOptions.defaultTheme};`;
-          watch(vuetify.theme.global.name, (newThemeName) => {
-            document.cookie = themeCookie.replace(cookieEntry, `${cookieName}=${newThemeName};`);
-          });
-          if (prefersColorSchemeOptions.useBrowserThemeOnly) {
-            const { darkThemeName, lightThemeName } = prefersColorSchemeOptions;
-            const prefersDark = window.matchMedia("(prefers-color-scheme: dark)");
-            prefersDark.addEventListener("change", (e) => {
-              vuetify.theme.global.name.value = e.matches ? darkThemeName : lightThemeName;
-            });
+        if (prefersColorScheme && prefersColorSchemeOptions) {
+          if (vuetifyOptions.theme === false) {
+            vuetifyOptions.theme = { defaultTheme: state.value.colorSchemeFromCookie ?? prefersColorSchemeOptions.defaultTheme };
+          } else {
+            vuetifyOptions.theme = vuetifyOptions.theme ?? {};
+            vuetifyOptions.theme.defaultTheme = state.value.colorSchemeFromCookie ?? prefersColorSchemeOptions.defaultTheme;
           }
-        });
+        }
+      });
+      if (prefersColorScheme && prefersColorSchemeOptions) {
+        const themeCookie = state.value.colorSchemeCookie;
+        if (themeCookie) {
+          nuxtApp.hook("app:beforeMount", () => {
+            const vuetify = useNuxtApp().$vuetify;
+            const cookieName = prefersColorSchemeOptions.cookieName;
+            const parseCookieName = `${cookieName}=`;
+            const cookieEntry = `${parseCookieName}${state.value.colorSchemeFromCookie ?? prefersColorSchemeOptions.defaultTheme};`;
+            watch(vuetify.theme.global.name, (newThemeName) => {
+              document.cookie = themeCookie.replace(cookieEntry, `${cookieName}=${newThemeName};`);
+            });
+            if (prefersColorSchemeOptions.useBrowserThemeOnly) {
+              const { darkThemeName, lightThemeName } = prefersColorSchemeOptions;
+              const prefersDark = window.matchMedia("(prefers-color-scheme: dark)");
+              prefersDark.addEventListener("change", (e) => {
+                vuetify.theme.global.name.value = e.matches ? darkThemeName : lightThemeName;
+              });
+            }
+          });
+        }
       }
     }
+    return {
+      provide: reactive({
+        ssrClientHints: state
+      })
+    };
   }
-  return {
-    provide: reactive({
-      ssrClientHints: state
-    })
-  };
 });
 export default plugin;
+function defaultClientValues() {
+  return {
+    firstRequest: false,
+    prefersColorSchemeAvailable: false,
+    prefersReducedMotionAvailable: false,
+    viewportHeightAvailable: true,
+    viewportWidthAvailable: true,
+    viewportHeight: window.innerHeight,
+    viewportWidth: window.innerWidth
+  };
+}
+function useSSRClientHints() {
+  const state = useState(VuetifyHTTPClientHints);
+  if (state.value)
+    return state;
+  const initial = ref(defaultClientValues());
+  if (!ssrClientHintsConfiguration.prefersColorScheme || !ssrClientHintsConfiguration.prefersColorSchemeOptions)
+    return initial;
+  const {
+    baseUrl,
+    cookieName,
+    defaultTheme
+  } = ssrClientHintsConfiguration.prefersColorSchemeOptions;
+  const cookieNamePrefix = `${cookieName}=`;
+  initial.value.colorSchemeFromCookie = document.cookie?.split(";")?.find((c) => c.trim().startsWith(cookieNamePrefix))?.split("=")[1] ?? defaultTheme;
+  const date = /* @__PURE__ */ new Date();
+  const expires = new Date(date.setDate(date.getDate() + 365));
+  initial.value.colorSchemeCookie = `${cookieName}=${initial.value.colorSchemeFromCookie}; Path=${baseUrl}; Expires=${expires.toUTCString()}; SameSite=Lax`;
+  return initial;
+}

package/dist/runtime/plugins/vuetify-client-hints.server.mjs

@@ -24,47 +24,52 @@ const AcceptClientHintsRequestHeaders = Object.entries(AcceptClientHintsHeaders)
   return acc;
 }, {});
 const HttpRequestHeaders = Array.from(Object.values(AcceptClientHintsRequestHeaders)).concat("user-agent", "cookie");
-const plugin = defineNuxtPlugin((nuxtApp) => {
-  const state = useState(VuetifyHTTPClientHints);
-  const requestHeaders = useRequestHeaders(HttpRequestHeaders);
-  const userAgentHeader = requestHeaders["user-agent"];
-  const userAgent = userAgentHeader ? parseUserAgent(userAgentHeader) : null;
-  const clientHintsRequest = collectClientHints(userAgent, ssrClientHintsConfiguration, requestHeaders);
-  writeClientHintsResponseHeaders(clientHintsRequest, ssrClientHintsConfiguration);
-  state.value = clientHintsRequest;
-  state.value.colorSchemeCookie = writeThemeCookie(
-    clientHintsRequest,
-    ssrClientHintsConfiguration
-  );
-  nuxtApp.hook("vuetify:before-create", async ({ vuetifyOptions }) => {
-    const clientWidth = clientHintsRequest.viewportWidth;
-    const clientHeight = clientHintsRequest.viewportHeight;
-    vuetifyOptions.ssr = typeof clientWidth === "number" ? {
-      clientWidth,
-      clientHeight
-    } : true;
-    if (clientHintsRequest.colorSchemeFromCookie) {
-      if (vuetifyOptions.theme === false) {
-        vuetifyOptions.theme = { defaultTheme: clientHintsRequest.colorSchemeFromCookie };
-      } else {
-        vuetifyOptions.theme ??= {};
-        vuetifyOptions.theme.defaultTheme = clientHintsRequest.colorSchemeFromCookie;
+const plugin = defineNuxtPlugin({
+  name: "vuetify:client-hints:server:plugin",
+  order: -25,
+  parallel: true,
+  setup(nuxtApp) {
+    const state = useState(VuetifyHTTPClientHints);
+    const requestHeaders = useRequestHeaders(HttpRequestHeaders);
+    const userAgentHeader = requestHeaders["user-agent"];
+    const userAgent = userAgentHeader ? parseUserAgent(userAgentHeader) : null;
+    const clientHintsRequest = collectClientHints(userAgent, ssrClientHintsConfiguration, requestHeaders);
+    writeClientHintsResponseHeaders(clientHintsRequest, ssrClientHintsConfiguration);
+    state.value = clientHintsRequest;
+    state.value.colorSchemeCookie = writeThemeCookie(
+      clientHintsRequest,
+      ssrClientHintsConfiguration
+    );
+    nuxtApp.hook("vuetify:before-create", async ({ vuetifyOptions }) => {
+      const clientWidth = clientHintsRequest.viewportWidth;
+      const clientHeight = clientHintsRequest.viewportHeight;
+      vuetifyOptions.ssr = typeof clientWidth === "number" ? {
+        clientWidth,
+        clientHeight
+      } : true;
+      if (clientHintsRequest.colorSchemeFromCookie) {
+        if (vuetifyOptions.theme === false) {
+          vuetifyOptions.theme = { defaultTheme: clientHintsRequest.colorSchemeFromCookie };
+        } else {
+          vuetifyOptions.theme ??= {};
+          vuetifyOptions.theme.defaultTheme = clientHintsRequest.colorSchemeFromCookie;
+        }
       }
-    }
-    await nuxtApp.hooks.callHook("vuetify:ssr-client-hints", {
-      vuetifyOptions,
-      ssrClientHintsConfiguration: {
-        ...ssrClientHintsConfiguration,
-        enabled: true
-      },
-      ssrClientHints: state.value
+      await nuxtApp.hooks.callHook("vuetify:ssr-client-hints", {
+        vuetifyOptions,
+        ssrClientHintsConfiguration: {
+          ...ssrClientHintsConfiguration,
+          enabled: true
+        },
+        ssrClientHints: state.value
+      });
     });
-  });
-  return {
-    provide: reactive({
-      ssrClientHints: state
-    })
-  };
+    return {
+      provide: reactive({
+        ssrClientHints: state
+      })
+    };
+  }
 });
 const chromiumBasedBrowserFeatures = {
   prefersColorScheme: (_, v) => v[0] >= 93,

package/dist/runtime/plugins/vuetify-date.mjs

@@ -1,7 +1,12 @@
 import { configureDate } from "./date.mjs";
 import { defineNuxtPlugin } from "#imports";
-export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.hook("vuetify:configuration", ({ vuetifyOptions }) => {
-    configureDate(vuetifyOptions);
-  });
+export default defineNuxtPlugin({
+  name: "vuetify:date:plugin",
+  order: -25,
+  parallel: true,
+  setup(nuxtApp) {
+    nuxtApp.hook("vuetify:configuration", ({ vuetifyOptions }) => {
+      configureDate(vuetifyOptions);
+    });
+  }
 });

package/dist/runtime/plugins/vuetify-i18n-date.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/plugins/vuetify-i18n-date.mjs

@@ -0,0 +1,14 @@
+import { configureDate } from "./date.mjs";
+import { defineNuxtPlugin } from "#imports";
+export default defineNuxtPlugin({
+  name: "vuetify:date-i18n:plugin",
+  order: -25,
+  // @ts-expect-error i18n plugin missing on build time
+  dependsOn: ["i18n:plugin"],
+  parallel: true,
+  setup(nuxtApp) {
+    nuxtApp.hook("vuetify:configuration", ({ vuetifyOptions }) => {
+      configureDate(vuetifyOptions);
+    });
+  }
+});

package/dist/runtime/plugins/vuetify-i18n.mjs

@@ -1,7 +1,14 @@
 import { createAdapter } from "./i18n.mjs";
 import { defineNuxtPlugin } from "#imports";
-export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.hook("vuetify:configuration", ({ vuetifyOptions }) => {
-    createAdapter(vuetifyOptions);
-  });
+export default defineNuxtPlugin({
+  name: "vuetify:i18n:plugin",
+  order: -25,
+  // @ts-expect-error i18n plugin missing on build time
+  dependsOn: ["i18n:plugin"],
+  parallel: true,
+  setup(nuxtApp) {
+    nuxtApp.hook("vuetify:configuration", ({ vuetifyOptions }) => {
+      createAdapter(vuetifyOptions);
+    });
+  }
 });

package/dist/runtime/plugins/vuetify-icons.mjs

@@ -1,7 +1,12 @@
 import { configureIcons } from "./icons.mjs";
 import { defineNuxtPlugin } from "#imports";
-export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.hook("vuetify:configuration", ({ vuetifyOptions }) => {
-    configureIcons(vuetifyOptions);
-  });
+export default defineNuxtPlugin({
+  name: "vuetify:icons:plugin",
+  order: -25,
+  parallel: true,
+  setup(nuxtApp) {
+    nuxtApp.hook("vuetify:configuration", ({ vuetifyOptions }) => {
+      configureIcons(vuetifyOptions);
+    });
+  }
 });

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "vuetify-nuxt-module",
   "type": "module",
-  "version": "0.9.0",
-  "packageManager": "pnpm@8.14.0",
+  "version": "0.10.0",
+  "packageManager": "pnpm@8.14.1",
   "description": "Zero-Config Nuxt Module for Vuetify",
   "author": "userquin <userquin@gmail.com>",
   "license": "MIT",
@@ -74,7 +74,7 @@
     "ufo": "^1.3.2",
     "unconfig": "^0.3.11",
     "vite-plugin-vuetify": "^2.0.1",
-    "vuetify": "^3.4.8"
+    "vuetify": "^3.4.10"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^0.43.1",
@@ -86,24 +86,24 @@
     "@iconify-json/carbon": "^1.1.21",
     "@iconify-json/mdi": "^1.1.55",
     "@mdi/js": "^7.3.67",
-    "@nuxt/devtools": "^1.0.6",
+    "@nuxt/devtools": "^1.0.8",
     "@nuxt/module-builder": "^0.5.5",
     "@nuxt/schema": "^3.9.0",
     "@nuxt/test-utils": "^3.9.0",
     "@nuxtjs/i18n": "^8.0.0",
     "@parcel/watcher": "^2.3.0",
     "@types/node": "^18",
-    "@unocss/nuxt": "^0.58.0",
+    "@unocss/nuxt": "^0.58.3",
     "bumpp": "^9.2.0",
     "eslint": "^8.54.0",
     "luxon": "^3.4.3",
-    "nuxt": "^3.8.2",
+    "nuxt": "^3.9.0",
     "publint": "^0.2.5",
     "rimraf": "^5.0.5",
     "sass": "^1.63.6",
     "typescript": "^5.3.3",
-    "vite": "^5.0.10",
-    "vitest": "^1.1.0",
+    "vite": "^5.0.11",
+    "vitest": "^1.1.3",
     "vue-tsc": "^1.8.27"
   },
   "build": {

package/dist/runtime/plugins/vuetify-sync.d.ts

@@ -1,6 +0,0 @@
-import type { createVuetify } from 'vuetify';
-import type { Plugin } from '#app';
-declare const plugin: Plugin<{
-    vuetify: ReturnType<typeof createVuetify>;
-}>;
-export default plugin;

package/dist/runtime/plugins/vuetify-sync.mjs

@@ -1,14 +0,0 @@
-import { configureVuetify } from "./config.mjs";
-import { defineNuxtPlugin } from "#imports";
-const plugin = defineNuxtPlugin({
-  name: "vuetify:configuration:plugin",
-  enforce: "post",
-  // @ts-expect-error i18n plugin missing on build time
-  dependsOn: ["i18n:plugin"],
-  // i18n runtime plugin can be async
-  parallel: false,
-  async setup() {
-    await configureVuetify();
-  }
-});
-export default plugin;

package/dist/runtime/plugins/vuetify.d.ts

@@ -1,6 +0,0 @@
-import type { createVuetify } from 'vuetify';
-import type { Plugin } from '#app';
-declare const plugin: Plugin<{
-    vuetify: ReturnType<typeof createVuetify>;
-}>;
-export default plugin;

package/dist/runtime/plugins/vuetify.mjs

@@ -1,10 +0,0 @@
-import { configureVuetify } from "./config.mjs";
-import { defineNuxtPlugin } from "#imports";
-const plugin = defineNuxtPlugin({
-  name: "vuetify:configuration:plugin",
-  enforce: "post",
-  async setup() {
-    await configureVuetify();
-  }
-});
-export default plugin;