@vueless/nuxt 0.0.9-beta.1 → 0.0.9-beta.11

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.13.0"
   },
-  "version": "0.0.9-beta.1",
+  "version": "0.0.9-beta.11",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -1,9 +1,10 @@
+import { existsSync, copyFileSync } from 'node:fs';
 import { defineNuxtModule, createResolver, addPlugin, addComponent, addImportsDir } from '@nuxt/kit';
 import TailwindCSS from '@tailwindcss/vite';
-import { COMPONENTS } from 'vueless/constants.js';
 import { Vueless } from 'vueless/plugin-vite.js';
 import { getNuxtDirs } from 'vueless/utils/node/helper.js';
 import { createTailwindSafelist } from 'vueless/utils/node/tailwindSafelist.js';
+import { VUELESS_CACHE_DIR, VUELESS_CONFIG_FILE_NAME, COMPONENTS } from 'vueless/constants.js';
 
 const module = defineNuxtModule({
   meta: {
@@ -28,6 +29,13 @@ const module = defineNuxtModule({
         Vueless({ mode: "nuxt-module", mirrorCacheDir, debug })
       );
     });
+    _nuxt.hook("nitro:build:public-assets", () => {
+      const source = resolve(process.cwd(), `${VUELESS_CACHE_DIR}/${VUELESS_CONFIG_FILE_NAME}.mjs`);
+      const destination = resolve(process.cwd(), `.output/${VUELESS_CONFIG_FILE_NAME}.js`);
+      if (existsSync(source)) {
+        copyFileSync(source, destination);
+      }
+    });
     await createTailwindSafelist({
       targetFiles: getNuxtDirs()
     });

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vueless/nuxt",
-  "version": "0.0.9-beta.1",
+  "version": "0.0.9-beta.11",
   "license": "MIT",
   "description": "Nuxt Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [
@@ -58,7 +58,7 @@
     "@nuxt/kit": "^3.13.1",
     "@tailwindcss/vite": "^4.0.14",
     "tailwindcss": "^4.0.14",
-    "vueless": "^0.0.825-beta.7"
+    "vueless": "^0.0.825-beta.55"
   },
   "devDependencies": {
     "@material-symbols/svg-500": "^0.29.1",

package/dist/runtime/plugin.js

@@ -1,16 +1,35 @@
 import { createVueless, setTheme } from "vueless";
+import { COLOR_MODE_KEY, AUTO_MODE_KEY, LIGHT_MODE_SELECTOR, DARK_MODE_SELECTOR, PRIMARY_COLOR_KEY, NEUTRAL_COLOR_KEY, ROUNDING_KEY } from "vueless/constants";
+import { ColorMode } from "vueless/types";
 import vClickOutside from "vueless/directives/clickOutside/vClickOutside";
 import vTooltip from "vueless/directives/tooltip/vTooltip";
 import { defineNuxtPlugin } from "#app";
+function parseCookies(cookieHeader) {
+  if (!cookieHeader) return {};
+  return cookieHeader.split(";").reduce((acc, cookie) => {
+    const [key, value] = cookie.trim().split("=");
+    if (key) acc[key] = value;
+    return acc;
+  }, {});
+}
 export default defineNuxtPlugin((_nuxtApp) => {
   const vueless = createVueless();
   _nuxtApp.vueApp.use(vueless, []);
   _nuxtApp.vueApp.directive("clickOutside", vClickOutside);
   _nuxtApp.vueApp.directive("tooltip", vTooltip);
   if (import.meta.server) {
-    const themeRootVariables = setTheme();
+    const event = _nuxtApp.ssrContext?.event;
+    const cookies = parseCookies(event?.node.req.headers.cookie);
+    const primary = cookies?.[PRIMARY_COLOR_KEY];
+    const neutral = cookies?.[NEUTRAL_COLOR_KEY];
+    const rounding = cookies?.[ROUNDING_KEY];
+    const colorMode = cookies?.[COLOR_MODE_KEY];
+    const isCachedAutoMode = Boolean(Number(cookies?.[AUTO_MODE_KEY]));
+    const themeRootVariables = setTheme({ primary, neutral, rounding, colorMode }, isCachedAutoMode);
+    const colorModeClass = colorMode === ColorMode.Dark ? DARK_MODE_SELECTOR : LIGHT_MODE_SELECTOR;
     _nuxtApp.ssrContext?.head.push({
-      style: [{ innerHTML: themeRootVariables }]
+      style: [{ innerHTML: themeRootVariables }],
+      htmlAttrs: { class: colorModeClass }
     });
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vueless/nuxt",
-  "version": "0.0.9-beta.1",
+  "version": "0.0.9-beta.11",
   "license": "MIT",
   "description": "Nuxt Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [
@@ -58,7 +58,7 @@
     "@nuxt/kit": "^3.13.1",
     "@tailwindcss/vite": "^4.0.14",
     "tailwindcss": "^4.0.14",
-    "vueless": "^0.0.825-beta.7"
+    "vueless": "^0.0.825-beta.55"
   },
   "devDependencies": {
     "@material-symbols/svg-500": "^0.29.1",