@maz-ui/nuxt 4.8.0 → 4.9.0

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
-  "version": "4.8.0",
+  "version": "4.9.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -172,6 +172,7 @@ const module$1 = defineNuxtModule({
     }
     addPlugin(resolve(_dirname, "./runtime/plugins/theme"));
     addPlugin(resolve(_dirname, "./runtime/plugins/translations"));
+    addPlugin(resolve(_dirname, "./runtime/plugins/maz-link-component"));
     if (moduleOptions.components.autoImport) {
       for (const name of Object.keys(COMPONENT_NAMES)) {
         addComponent({

package/dist/runtime/plugins/maz-link-component.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
+export default _default;

package/dist/runtime/plugins/maz-link-component.js

@@ -0,0 +1,5 @@
+import { defineNuxtLink, defineNuxtPlugin } from "#imports";
+export default defineNuxtPlugin(({ vueApp }) => {
+  const NuxtLink = defineNuxtLink({});
+  vueApp.provide("mazLinkComponent", NuxtLink);
+});

package/dist/runtime/plugins/theme.js

@@ -9,6 +9,13 @@ function getSavedColorMode() {
   }
   return void 0;
 }
+function getSavedResolvedColorMode() {
+  const resolvedCookie = useCookie("maz-resolved-color-mode");
+  if (resolvedCookie.value && ["light", "dark"].includes(resolvedCookie.value)) {
+    return resolvedCookie.value;
+  }
+  return void 0;
+}
 function getInitialColorMode(colorMode) {
   if (colorMode && ["light", "dark"].includes(colorMode)) {
     return colorMode;
@@ -17,6 +24,10 @@ function getInitialColorMode(colorMode) {
   if (savedColorMode && ["light", "dark"].includes(savedColorMode)) {
     return savedColorMode;
   }
+  const resolvedColorMode = getSavedResolvedColorMode();
+  if (resolvedColorMode) {
+    return resolvedColorMode;
+  }
   if (import.meta.server) {
     const headers = useRequestHeaders();
     if (headers["sec-ch-prefers-color-scheme"] === "dark") {
@@ -34,6 +45,11 @@ function getInitialColorMode(colorMode) {
   }
   return "auto";
 }
+function getColorModeBlockingScript(config) {
+  const darkClass = config.darkClass;
+  const cookieMaxAge = 60 * 60 * 24 * 365;
+  return `(function(){try{var d=document.documentElement,m='${config.mode}',dc='${darkClass}';if(m==='light')return;var c=(document.cookie.match(/maz-color-mode=([^;]+)/)||[])[1];if(c==='light')return;if(c==='dark'||m==='dark'){d.classList.add(dc);return}var r=(document.cookie.match(/maz-resolved-color-mode=([^;]+)/)||[])[1];if(r==='light')return;if(r==='dark'){d.classList.add(dc);return}if(window.matchMedia&&window.matchMedia('(prefers-color-scheme:dark)').matches){d.classList.add(dc);document.cookie='maz-resolved-color-mode=dark;path=/;max-age=${cookieMaxAge};SameSite=Lax'}else{document.cookie='maz-resolved-color-mode=light;path=/;max-age=${cookieMaxAge};SameSite=Lax'}}catch(e){}})()`;
+}
 function injectThemeCSS(config) {
   const cssOptions = {
     mode: config.mode,
@@ -86,6 +102,12 @@ export default defineNuxtPlugin(async ({ vueApp, $config }) => {
   }
   if (import.meta.server) {
     injectThemeCSS(config);
+    if (config.colorMode === "auto" && config.mode === "both" && config.darkModeStrategy === "class") {
+      useHead({
+        script: [{ innerHTML: getColorModeBlockingScript(config), tagPosition: "head", id: "maz-color-mode-blocking" }],
+        meta: [{ "http-equiv": "Accept-CH", "content": "Sec-CH-Prefers-Color-Scheme", "id": "maz-color-http-accept-ch" }]
+      });
+    }
   }
   MazUiTheme.install?.(vueApp, {
     ...config,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maz-ui/nuxt",
   "type": "module",
-  "version": "4.8.0",
+  "version": "4.9.0",
   "description": "Nuxt module for Maz-UI",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "license": "MIT",
@@ -50,10 +50,10 @@
     "@nuxt/devtools-kit": "^3.2.3",
     "@nuxt/kit": "^4.4.2",
     "defu": "^6.1.4",
-    "@maz-ui/themes": "4.8.0",
-    "@maz-ui/translations": "4.8.0",
+    "@maz-ui/themes": "4.9.0",
     "@maz-ui/utils": "4.7.6",
-    "maz-ui": "4.8.0"
+    "maz-ui": "4.9.0",
+    "@maz-ui/translations": "4.8.0"
   },
   "devDependencies": {
     "@nuxt/devtools": "^3.2.3",