vuetify-nuxt-module 0.9.0 → 0.9.1

package/dist/module.json

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

package/dist/module.mjs

@@ -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.9.1";
 
 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/vuetify-client-hints.client.mjs

@@ -1,9 +1,9 @@
 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 state = useSSRClientHints();
   const {
     firstRequest,
     prefersColorSchemeAvailable,
@@ -88,3 +88,33 @@ const plugin = defineNuxtPlugin((nuxtApp) => {
   };
 });
 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/package.json

@@ -1,8 +1,8 @@
 {
   "name": "vuetify-nuxt-module",
   "type": "module",
-  "version": "0.9.0",
-  "packageManager": "pnpm@8.14.0",
+  "version": "0.9.1",
+  "packageManager": "pnpm@8.14.1",
   "description": "Zero-Config Nuxt Module for Vuetify",
   "author": "userquin <userquin@gmail.com>",
   "license": "MIT",