vuetify-nuxt-module 0.5.16 → 0.6.0

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.5.16"
+  "version": "0.6.0"
 }

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.16";
+const version = "0.6.0";
 
 const VIRTUAL_VUETIFY_CONFIGURATION = "virtual:vuetify-configuration";
 const RESOLVED_VIRTUAL_VUETIFY_CONFIGURATION = `/@nuxt-vuetify-configuration/${VIRTUAL_VUETIFY_CONFIGURATION.slice("virtual:".length)}`;

package/dist/runtime/plugins/client-hints.d.ts

@@ -5,7 +5,7 @@ export interface ClientHintRequestFeatures {
     viewportHeightAvailable: boolean;
     viewportWidthAvailable: boolean;
 }
-export interface ClientHintsRequest extends ClientHintRequestFeatures {
+export interface SSRClientHints extends ClientHintRequestFeatures {
     prefersColorScheme?: 'dark' | 'light' | 'no-preference';
     prefersReducedMotion?: 'no-preference' | 'reduce';
     viewportHeight?: number;
@@ -13,7 +13,4 @@ export interface ClientHintsRequest extends ClientHintRequestFeatures {
     colorSchemeFromCookie?: string;
     colorSchemeCookie?: string;
 }
-export interface SSRClientHints {
-    ssrClientHints: ClientHintsRequest;
-}
 export declare const VuetifyHTTPClientHints = "vuetify:nuxt:ssr-client-hints";

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

@@ -10,7 +10,7 @@ export default defineNuxtPlugin((nuxtApp) => {
     prefersReducedMotionAvailable,
     viewportHeightAvailable,
     viewportWidthAvailable
-  } = state.value.ssrClientHints;
+  } = state.value;
   const {
     reloadOnFirstRequest,
     viewportSize,
@@ -20,12 +20,12 @@ export default defineNuxtPlugin((nuxtApp) => {
   } = ssrClientHintsConfiguration;
   if (firstRequest && reloadOnFirstRequest) {
     if (prefersColorScheme) {
-      const themeCookie = state.value.ssrClientHints.colorSchemeCookie;
+      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.ssrClientHints.colorSchemeFromCookie ?? prefersColorSchemeOptions.defaultTheme};`;
+        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();
@@ -43,24 +43,24 @@ export default defineNuxtPlugin((nuxtApp) => {
   if (viewportSize || prefersColorScheme && prefersColorSchemeOptions) {
     nuxtApp.hook("vuetify:before-create", ({ vuetifyOptions }) => {
       if (viewportSize) {
-        const clientWidth = state.value.ssrClientHints.viewportWidth;
-        const clientHeight = state.value.ssrClientHints.viewportHeight;
+        const clientWidth = state.value.viewportWidth;
+        const clientHeight = state.value.viewportHeight;
         vuetifyOptions.ssr = typeof clientWidth === "number" ? {
           clientWidth,
           clientHeight
         } : true;
       }
       if (prefersColorScheme && prefersColorSchemeOptions)
-        vuetifyOptions.theme.defaultTheme = state.value.ssrClientHints.colorSchemeFromCookie ?? prefersColorSchemeOptions.defaultTheme;
+        vuetifyOptions.theme.defaultTheme = state.value.colorSchemeFromCookie ?? prefersColorSchemeOptions.defaultTheme;
     });
     if (prefersColorScheme && prefersColorSchemeOptions) {
-      const themeCookie = state.value.ssrClientHints.colorSchemeCookie;
+      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.ssrClientHints.colorSchemeFromCookie ?? prefersColorSchemeOptions.defaultTheme};`;
+          const cookieEntry = `${parseCookieName}${state.value.colorSchemeFromCookie ?? prefersColorSchemeOptions.defaultTheme};`;
           watch(vuetify.theme.global.name, (newThemeName) => {
             document.cookie = themeCookie.replace(cookieEntry, `${cookieName}=${newThemeName};`);
           });

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

@@ -21,10 +21,8 @@ export default defineNuxtPlugin((nuxtApp) => {
   const userAgent = userAgentHeader ? parseUserAgent(userAgentHeader) : null;
   const clientHintsRequest = collectClientHints(userAgent, ssrClientHintsConfiguration, requestHeaders);
   writeClientHintsResponseHeaders(clientHintsRequest, ssrClientHintsConfiguration, response);
-  state.value = {
-    ssrClientHints: clientHintsRequest
-  };
-  state.value.ssrClientHints.colorSchemeCookie = writeThemeCookie(
+  state.value = clientHintsRequest;
+  state.value.colorSchemeCookie = writeThemeCookie(
     clientHintsRequest,
     ssrClientHintsConfiguration
   );

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuetify-nuxt-module",
   "type": "module",
-  "version": "0.5.16",
+  "version": "0.6.0",
   "packageManager": "pnpm@8.9.2",
   "description": "Zero-Config Nuxt Module for Vuetify",
   "author": "userquin <userquin@gmail.com>",
@@ -128,4 +128,4 @@
     "installDependencies": false,
     "startCommand": "node .stackblitz.js && pnpm install && pnpm run dev"
   }
-}
+}