vuetify-nuxt-module 1.0.0-beta.1 → 1.0.0-beta.11

package/dist/runtime/plugins/first-request-reload-guard.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Session cookie marking that the one-time `reloadOnFirstRequest` reload has
+ * already happened this browser session. Prevents an infinite reload loop when
+ * a browser requests client hints but never delivers them (e.g. Brave Shields
+ * strip `Sec-CH-*`), since `firstRequest` would otherwise stay `true` forever (#334).
+ */
+export declare const RELOAD_GUARD_COOKIE = "vuetify-nuxt-client-hints-reloaded";
+/** True when the guard cookie is present in a `document.cookie` string. */
+export declare function hasReloadGuardCookie(cookie: string): boolean;
+/** Build a session guard cookie (no expiry → cleared on browser close). */
+export declare function buildReloadGuardCookie(path: string): string;
+/** Whether to perform the first-request reload: only once per session. */
+export declare function shouldReloadOnFirstRequest(firstRequest: boolean, reloadOnFirstRequest: boolean, alreadyReloaded: boolean): boolean;

package/dist/runtime/plugins/first-request-reload-guard.js

@@ -0,0 +1,11 @@
+export const RELOAD_GUARD_COOKIE = "vuetify-nuxt-client-hints-reloaded";
+export function hasReloadGuardCookie(cookie) {
+  const prefix = `${RELOAD_GUARD_COOKIE}=`;
+  return cookie.split(";").some((c) => c.trim().startsWith(prefix));
+}
+export function buildReloadGuardCookie(path) {
+  return `${RELOAD_GUARD_COOKIE}=1; Path=${path}; SameSite=Lax`;
+}
+export function shouldReloadOnFirstRequest(firstRequest, reloadOnFirstRequest, alreadyReloaded) {
+  return firstRequest && reloadOnFirstRequest && !alreadyReloaded;
+}

package/dist/runtime/plugins/i18n.js

@@ -4,6 +4,9 @@ import { useI18n } from "vue-i18n";
 function inferDecimalSeparator(n) {
   return n(0.1).includes(",") ? "," : ".";
 }
+function inferNumericGroupSeparator(n) {
+  return n(1e4, { useGrouping: true }).replace(/\p{Nd}/gu, "") || " ";
+}
 export function createAdapter(vuetifyOptions) {
   vuetifyOptions.locale = {};
   const nuxtApp = useNuxtApp();
@@ -32,7 +35,8 @@ export function createAdapter(vuetifyOptions) {
     t: (key, ...params) => i18n.t(key, params),
     n: i18n.n,
     provide: createProvideFunction({ current: currentLocale, fallback, messages }),
-    decimalSeparator: toRef(() => inferDecimalSeparator(i18n.n))
+    decimalSeparator: toRef(() => inferDecimalSeparator(i18n.n)),
+    numericGroupSeparator: toRef(() => inferNumericGroupSeparator(i18n.n))
   };
 }
 function createProvideFunction(data) {
@@ -61,6 +65,7 @@ function createProvideFunction(data) {
       t,
       n,
       decimalSeparator: toRef(() => props.decimalSeparator ?? inferDecimalSeparator(n)),
+      numericGroupSeparator: toRef(() => inferNumericGroupSeparator(n)),
       provide: createProvideFunction({ current: currentLocale, fallback: data.fallback, messages: data.messages })
     };
   };

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

@@ -2,6 +2,7 @@ import { defineNuxtPlugin, useNuxtApp, useState } from "#imports";
 import { ssrClientHintsConfiguration } from "virtual:vuetify-ssr-client-hints-configuration";
 import { reactive, ref, watch } from "vue";
 import { VuetifyHTTPClientHints } from "./client-hints.js";
+import { buildReloadGuardCookie, hasReloadGuardCookie, shouldReloadOnFirstRequest } from "./first-request-reload-guard.js";
 const plugin = defineNuxtPlugin({
   name: "vuetify:client-hints:client:plugin",
   order: -25,
@@ -22,7 +23,11 @@ const plugin = defineNuxtPlugin({
       prefersColorScheme,
       prefersColorSchemeOptions
     } = ssrClientHintsConfiguration;
-    if (firstRequest && reloadOnFirstRequest) {
+    if (shouldReloadOnFirstRequest(firstRequest, reloadOnFirstRequest, hasReloadGuardCookie(document.cookie))) {
+      const markAndReload = () => {
+        document.cookie = buildReloadGuardCookie(prefersColorSchemeOptions?.baseUrl ?? "/");
+        window.location.reload();
+      };
       if (prefersColorScheme) {
         const themeCookie = state.value.colorSchemeCookie;
         if (prefersColorSchemeOptions && themeCookie) {
@@ -32,19 +37,19 @@ const plugin = defineNuxtPlugin({
           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();
+          markAndReload();
         } else if (prefersColorSchemeAvailable) {
-          window.location.reload();
+          markAndReload();
         }
       }
       if (prefersReducedMotion && prefersReducedMotionAvailable) {
-        window.location.reload();
+        markAndReload();
       }
       if (viewportSize && viewportHeightAvailable) {
-        window.location.reload();
+        markAndReload();
       }
       if (viewportSize && viewportWidthAvailable) {
-        window.location.reload();
+        markAndReload();
       }
     }
     nuxtApp.hook("vuetify:before-create", ({ vuetifyOptions }) => {
@@ -119,12 +124,21 @@ function useSSRClientHints() {
   const {
     baseUrl,
     cookieName,
+    cookieDomain,
+    cookieSecure,
+    cookieSameSite,
     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`;
+  initial.value.colorSchemeCookie = `${cookieName}=${initial.value.colorSchemeFromCookie}; Path=${baseUrl}; Expires=${expires.toUTCString()}; SameSite=${cookieSameSite[0].toUpperCase()}${cookieSameSite.slice(1)}`;
+  if (cookieDomain) {
+    initial.value.colorSchemeCookie += `; Domain=${cookieDomain}`;
+  }
+  if (cookieSecure) {
+    initial.value.colorSchemeCookie += "; Secure";
+  }
   return initial;
 }

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

@@ -273,15 +273,27 @@ function writeThemeCookie(clientHintsRequest, ssrClientHintsConfiguration2) {
   const cookieName = ssrClientHintsConfiguration2.prefersColorSchemeOptions.cookieName;
   const themeName = clientHintsRequest.colorSchemeFromCookie ?? ssrClientHintsConfiguration2.prefersColorSchemeOptions.defaultTheme;
   const path = ssrClientHintsConfiguration2.prefersColorSchemeOptions.baseUrl;
+  const domain = ssrClientHintsConfiguration2.prefersColorSchemeOptions.cookieDomain;
+  const secure = ssrClientHintsConfiguration2.prefersColorSchemeOptions.cookieSecure;
+  const sameSite = ssrClientHintsConfiguration2.prefersColorSchemeOptions.cookieSameSite;
   const date = /* @__PURE__ */ new Date();
   const expires = new Date(date.setDate(date.getDate() + 365));
   if (!clientHintsRequest.firstRequest || !ssrClientHintsConfiguration2.reloadOnFirstRequest) {
     useCookie(cookieName, {
       path,
+      domain,
       expires,
-      sameSite: "lax"
+      sameSite,
+      secure
     }).value = themeName;
   }
-  return `${cookieName}=${themeName}; Path=${path}; Expires=${expires.toUTCString()}; SameSite=Lax`;
+  let cookie = `${cookieName}=${themeName}; Path=${path}; Expires=${expires.toUTCString()}; SameSite=${sameSite[0].toUpperCase()}${sameSite.slice(1)}`;
+  if (domain) {
+    cookie += `; Domain=${domain}`;
+  }
+  if (secure) {
+    cookie += "; Secure";
+  }
+  return cookie;
 }
 export default plugin;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuetify-nuxt-module",
   "type": "module",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.11",
   "description": "Zero-Config Nuxt Module for Vuetify",
   "author": "userquin <userquin@gmail.com>",
   "license": "MIT",
@@ -52,17 +52,18 @@
   ],
   "dependencies": {
     "@nuxt/kit": "^4.3.1",
-    "defu": "^6.1.4",
-    "destr": "^2.0.5",
+    "@vuetify/loader-shared": "^2.1.2",
+    "@vuetify/unplugin-styles": "^1.0.0-beta.11",
+    "defu": "^6.1.7",
     "local-pkg": "^1.1.2",
     "pathe": "^2.0.3",
     "perfect-debounce": "^2.1.0",
     "semver": "^7.7.4",
     "ufo": "^1.6.3",
-    "unconfig": "^7.5.0",
-    "upath": "^2.0.1",
-    "vite-plugin-vuetify": "^2.1.3",
-    "vuetify": "^4.0.1"
+    "unconfig": "^7.5.0"
+  },
+  "peerDependencies": {
+    "vuetify": "^3.4.0 || ^4.0.0"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^7.6.1",
@@ -87,21 +88,23 @@
     "eslint": "^10.0.2",
     "luxon": "^3.7.2",
     "nuxt": "^4.3.1",
+    "playwright-core": "^1.58.0",
     "publint": "^0.3.18",
     "rimraf": "^6.1.3",
     "sass": "^1.97.3",
     "typescript": "^5.9.3",
-    "vite": "7.3.1",
+    "vite": "7.3.5",
     "vitest": "^4.0.18",
-    "vue-tsc": "^3.2.5"
+    "vue-tsc": "^3.2.5",
+    "vuetify": "^4.0.1"
   },
   "build": {
     "externals": [
       "@vuetify/loader-shared",
+      "@vuetify/unplugin-styles",
       "node:child_process",
       "node:fs",
       "consola",
-      "destr",
       "esbuild",
       "local-pkg",
       "pathe",
@@ -109,11 +112,9 @@
       "rollup",
       "sass",
       "sass-embedded",
-      "upath",
       "ufo",
       "unconfig",
       "vite",
-      "vite-plugin-vuetify",
       "vuetify"
     ]
   },
@@ -139,8 +140,9 @@
     "lint": "eslint .",
     "lint:fix": "nr lint --fix",
     "publint": "publint",
-    "test": "vitest run",
-    "test:watch": "vitest watch",
+    "test": "vitest run --exclude 'test/e2e/**'",
+    "test:watch": "vitest watch --exclude 'test/e2e/**'",
+    "test:e2e": "vitest run test/e2e",
     "release": "bumpp"
   }
 }