vuetify-nuxt-module 0.5.10 → 0.5.12

package/dist/module.d.ts

@@ -202,7 +202,7 @@ interface MOptions {
     /**
      * Add Vuetify Vite Plugin `transformAssetsUrls`?
      *
-     * @default false
+     * @default true
      */
     includeTransformAssetsUrls?: boolean;
     /**

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.5.10"
+  "version": "0.5.12"
 }

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.10";
+const version = "0.5.12";
 
 const VIRTUAL_VUETIFY_CONFIGURATION = "virtual:vuetify-configuration";
 const RESOLVED_VIRTUAL_VUETIFY_CONFIGURATION = `/@nuxt-vuetify-configuration/${VIRTUAL_VUETIFY_CONFIGURATION.slice("virtual:".length)}`;
@@ -1121,7 +1121,7 @@ function configureNuxt(configKey, nuxt, ctx) {
     importComposables,
     prefixComposables,
     styles,
-    includeTransformAssetsUrls = false
+    includeTransformAssetsUrls = true
   } = ctx.moduleOptions;
   const runtimeDir = ctx.resolver.resolve("./runtime");
   nuxt.options.build.transpile.push(configKey);
@@ -1138,8 +1138,6 @@ function configureNuxt(configKey, nuxt, ctx) {
     (_c = nuxt.options.vite.vue).template ?? (_c.template = {});
     if (typeof nuxt.options.vite.vue.template.transformAssetUrls === "undefined")
       nuxt.options.vite.vue.template.transformAssetUrls = transformAssetUrls;
-    else
-      ctx.logger.warn("[vuetify-nuxt-module] `includeTransformAssetsUrls` is enabled but `vite.vue.template.transformAssetUrls` is already configured, ignored!");
   }
   extendWebpackConfig(() => {
     throw new Error("Webpack is not supported: vuetify-nuxt-module module can only be used with Vite!");

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

@@ -1,7 +1,7 @@
 import { ssrClientHintsConfiguration } from "virtual:vuetify-ssr-client-hints-configuration";
+import { reactive, watch } from "vue";
 import { VuetifyHTTPClientHints } from "./client-hints.mjs";
-import { defineNuxtPlugin } from "#imports";
-import { useNuxtApp } from "#app";
+import { defineNuxtPlugin, useNuxtApp, useState } from "#imports";
 export default defineNuxtPlugin((nuxtApp) => {
   const state = useState(VuetifyHTTPClientHints);
   const {
@@ -67,9 +67,9 @@ export default defineNuxtPlugin((nuxtApp) => {
           if (prefersColorSchemeOptions.useBrowserThemeOnly) {
             const { darkThemeName, lightThemeName } = prefersColorSchemeOptions;
             const prefersDark = window.matchMedia("(prefers-color-scheme: dark)");
-            const prefersLight = window.matchMedia("(prefers-color-scheme: light)");
-            prefersDark.addEventListener("change", (e) => switchTheme(e, darkThemeName, vuetify));
-            prefersLight.addEventListener("change", (e) => switchTheme(e, lightThemeName, vuetify));
+            prefersDark.addEventListener("change", (e) => {
+              vuetify.theme.global.name.value = e.matches ? darkThemeName : lightThemeName;
+            });
           }
         });
       }
@@ -81,6 +81,3 @@ export default defineNuxtPlugin((nuxtApp) => {
     })
   };
 });
-function switchTheme(e, newThemeName, vuetify) {
-  e.matches && (vuetify.theme.global.name.value = newThemeName);
-}

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

@@ -1,7 +1,16 @@
-import { ssrClientHintsConfiguration } from "virtual:vuetify-ssr-client-hints-configuration";
+import {
+  ssrClientHintsConfiguration
+} from "virtual:vuetify-ssr-client-hints-configuration";
+import { reactive } from "vue";
 import { parseUserAgent } from "./detect-browser.mjs";
 import { VuetifyHTTPClientHints } from "./client-hints.mjs";
-import { defineNuxtPlugin, useNuxtApp } from "#imports";
+import {
+  defineNuxtPlugin,
+  useCookie,
+  useNuxtApp,
+  useRequestEvent,
+  useState
+} from "#imports";
 export default defineNuxtPlugin((nuxtApp) => {
   const event = useRequestEvent();
   const state = useState(VuetifyHTTPClientHints);
@@ -185,6 +194,14 @@ function writeClientHintHeaders(key, headers) {
     headers[header] = (headers[header] ? headers[header] : []).concat(key);
   });
 }
+function withNuxtAppRendered(callback) {
+  const nuxtApp = useNuxtApp();
+  const unhook = nuxtApp.hooks.hookOnce("app:rendered", callback);
+  nuxtApp.hooks.hookOnce("app:error", () => {
+    unhook();
+    return callback();
+  });
+}
 function writeClientHintsResponseHeaders(clientHintsRequest, ssrClientHintsConfiguration2, response) {
   const headers = {};
   if (ssrClientHintsConfiguration2.prefersColorScheme && clientHintsRequest.prefersColorSchemeAvailable)
@@ -203,14 +220,6 @@ function writeClientHintsResponseHeaders(clientHintsRequest, ssrClientHintsConfi
     });
   });
 }
-function withNuxtAppRendered(callback) {
-  const nuxtApp = useNuxtApp();
-  const unhook = nuxtApp.hooks.hookOnce("app:rendered", callback);
-  nuxtApp.hooks.hookOnce("app:error", () => {
-    unhook();
-    return callback();
-  });
-}
 function writeThemeCookie(clientHintsRequest, ssrClientHintsConfiguration2) {
   if (!ssrClientHintsConfiguration2.prefersColorScheme || !ssrClientHintsConfiguration2.prefersColorSchemeOptions)
     return;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuetify-nuxt-module",
   "type": "module",
-  "version": "0.5.10",
+  "version": "0.5.12",
   "packageManager": "pnpm@8.7.6",
   "description": "Zero-Config Nuxt Module for Vuetify",
   "author": "userquin <userquin@gmail.com>",
@@ -69,7 +69,7 @@
     "perfect-debounce": "^1.0.0",
     "unconfig": "^0.3.9",
     "vite-plugin-vuetify": "^1.0.2",
-    "vuetify": "^3.3.9"
+    "vuetify": "^3.3.17"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^0.41.0",