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

package/dist/module.d.mts

@@ -3,11 +3,15 @@ import * as _nuxt_schema from '@nuxt/schema';
 declare const _default: _nuxt_schema.NuxtModule<{
     include: never[];
     mirrorCacheDir: string;
+    srcDir: string;
     debug: boolean;
+    postcss: boolean;
 }, {
     include: never[];
     mirrorCacheDir: string;
+    srcDir: string;
     debug: boolean;
+    postcss: boolean;
 }, false>;
 
 export { _default as default };

package/dist/module.json

@@ -4,9 +4,9 @@
   "compatibility": {
     "nuxt": ">=3.13.0"
   },
-  "version": "1.0.1-beta.1",
+  "version": "1.0.1-beta.11",
   "builder": {
-    "@nuxt/module-builder": "1.0.1",
-    "unbuild": "3.5.0"
+    "@nuxt/module-builder": "1.0.2",
+    "unbuild": "3.6.1"
   }
 }

package/dist/module.mjs

@@ -1,13 +1,8 @@
-import path from 'node:path';
-import { cwd } from 'node:process';
-import fs from 'node:fs';
-import { createRequire } from 'node:module';
 import { defineNuxtModule, createResolver, hasNuxtModule, addPlugin, addComponent, addImportsDir } from '@nuxt/kit';
-import { TailwindCSS, Vueless } from 'vueless/plugin-vite.js';
-import { cacheMergedConfigs } from 'vueless/utils/node/helper.js';
-import { NUXT_MODULE_ENV, VUELESS_PACKAGE_DIR, COMPONENTS, VUELESS_CONFIG_FILE_NAME } from 'vueless/constants.js';
+import { TailwindCSS, Vueless } from 'vueless/plugin-vite';
+import { autoImportUserConfigs, cacheMergedConfigs } from 'vueless/utils/node/helper.js';
+import { NUXT_MODULE_ENV, VUELESS_PACKAGE_DIR, COMPONENTS } from 'vueless/constants';
 
-const require = createRequire(import.meta.url);
 const module = defineNuxtModule({
   meta: {
     name: "@vueless/nuxt",
@@ -19,14 +14,15 @@ const module = defineNuxtModule({
   defaults: {
     include: [],
     mirrorCacheDir: "",
-    debug: false
+    srcDir: "",
+    debug: false,
+    postcss: false
   },
   async setup(_options, _nuxt) {
-    const { include, mirrorCacheDir, debug } = _options;
+    if (_nuxt.options._prepare) return;
     const { resolve } = createResolver(import.meta.url);
-    const { vuelessConfig, dependencies } = await getVuelessConfig();
-    _nuxt.options.runtimeConfig.public.vueless = vuelessConfig;
-    _nuxt.options.build.transpile.push("vueless");
+    const { include, mirrorCacheDir, debug, postcss, srcDir } = _options;
+    await autoImportUserConfigs(srcDir);
     if (hasNuxtModule("@nuxtjs/i18n")) {
       _nuxt.hook("i18n:registerModule", (register) => {
         register({
@@ -40,60 +36,21 @@ const module = defineNuxtModule({
     _nuxt.hook("vite:extendConfig", async (config) => {
       config.plugins = config.plugins || [];
       config.plugins.push(
-        TailwindCSS(),
+        TailwindCSS({ postcss }),
         Vueless({ env: NUXT_MODULE_ENV, mirrorCacheDir, debug, include })
       );
     });
-    if (_nuxt.options.dev) {
-      const chokidarPath = require.resolve("chokidar");
-      const chokidar = await import(chokidarPath);
-      const watcher = chokidar.watch(dependencies, { ignoreInitial: true });
-      watcher.on("change", async () => {
-        const { dependencies: newDependencies } = await getVuelessConfig();
-        watcher.unwatch(dependencies);
-        watcher.add(newDependencies);
-        _nuxt.callHook("restart");
-      });
-    }
     await cacheMergedConfigs(VUELESS_PACKAGE_DIR);
     addPlugin(resolve("./runtime/plugin"));
-    for (const componentName in COMPONENTS) {
+    for (const [componentName, componentPath] of Object.entries(COMPONENTS)) {
       addComponent({
         name: componentName,
-        filePath: `vueless/${COMPONENTS[componentName]}/${componentName}.vue`
+        filePath: `vueless/${componentPath}/${componentName}.vue`
       });
     }
     addImportsDir("vueless/composables");
     addImportsDir("vueless/utils");
   }
 });
-async function getVuelessConfig() {
-  const esbuildPath = require.resolve("esbuild");
-  const esbuild = await import(esbuildPath);
-  const esbuildConfig = {
-    bundle: true,
-    platform: "node",
-    format: "esm",
-    target: "ESNext",
-    loader: { ".ts": "ts" },
-    write: false,
-    metafile: true
-    // Generate dependency tree
-  };
-  const configPathJs = path.join(cwd(), `${VUELESS_CONFIG_FILE_NAME}.js`);
-  const configPathTs = path.join(cwd(), `${VUELESS_CONFIG_FILE_NAME}.ts`);
-  let result = null;
-  if (fs.existsSync(configPathJs)) {
-    result = await esbuild.build({ ...esbuildConfig, entryPoints: [configPathJs] });
-  }
-  if (fs.existsSync(configPathTs)) {
-    result = await esbuild.build({ ...esbuildConfig, entryPoints: [configPathTs] });
-  }
-  const code = result?.outputFiles?.[0]?.text || "";
-  return {
-    vuelessConfig: (await import(`data:text/javascript,${encodeURIComponent(code)}`)).default || {},
-    dependencies: Object.keys(result?.metafile?.inputs || {})
-  };
-}
 
 export { module as default };

package/dist/package.json

@@ -1,26 +1,10 @@
 {
   "name": "@vueless/nuxt",
-  "version": "1.0.1-beta.1",
-  "license": "MIT",
+  "version": "1.0.1-beta.11",
   "description": "Nuxt Styleless UI Component Library, powered by Tailwind CSS.",
-  "keywords": [
-    "vueless",
-    "nuxt",
-    "nuxt.js",
-    "nuxt3",
-    "ui library",
-    "component library",
-    "nuxt framework",
-    "design system",
-    "tailwind",
-    "tailwindcss",
-    "unstyled",
-    "styleless",
-    "headlessui",
-    "ui"
-  ],
+  "author": "Johnny Grid <hello@vueless.com> (https://vueless.com)",
   "homepage": "https://vueless.com",
-  "author": "Johnny Grid",
+  "license": "MIT",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -43,35 +27,35 @@
     "dev:preview": "nuxi preview playground",
     "prepack": "nuxi prepare && nuxt-module-build build && cp package.json LICENSE README.md dist/",
     "release:beta": "release-it --ci --npm.publish --preRelease=beta --increment=prerelease",
-    "release:patch": "release-it patch --ci --npm.publish",
+    "release:patch": "release-it patch --ci --npm.publish --git.tag --github.release",
     "release:minor": "release-it minor --ci --npm.publish --git.tag --github.release",
     "release:major": "release-it major --ci --npm.publish --git.tag --github.release",
+    "ts:check": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit",
     "lint": "eslint . --no-fix",
     "lint:fix": "eslint . --fix",
     "lint:ci": "eslint . --no-fix --max-warnings=0",
     "test": "vitest run",
-    "test:watch": "vitest watch",
-    "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
+    "test:watch": "vitest watch"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.17.4",
-    "vueless": "^1.0.1"
+    "vueless": "^1.1.1-beta.50"
   },
   "devDependencies": {
-    "@material-symbols/svg-500": "^0.31.4",
-    "@nuxt/devtools": "^2.4.1",
-    "@nuxt/eslint-config": "^1.4.1",
-    "@nuxt/module-builder": "^1.0.1",
-    "@nuxt/schema": "^3.17.4",
-    "@nuxt/test-utils": "^3.19.1",
+    "@material-symbols/svg-500": "^0.34.1",
+    "@nuxt/devtools": "^2.6.2",
+    "@nuxt/eslint-config": "^1.8.0",
+    "@nuxt/kit": "^4.0.3",
+    "@nuxt/module-builder": "^1.0.2",
+    "@nuxt/schema": "^4.0.3",
+    "@nuxt/test-utils": "^3.19.2",
     "@types/node": "latest",
-    "changelogen": "^0.5.5",
-    "eslint": "^9.27.0",
-    "nuxt": "^3.17.4",
-    "release-it": "^19.0.2",
+    "changelogen": "^0.6.2",
+    "eslint": "^9.33.0",
+    "nuxt": "^4.0.3",
+    "release-it": "^19.0.4",
     "typescript": "latest",
-    "vitest": "^3.1.4",
-    "vue-tsc": "^2.2.10"
+    "vitest": "^3.2.4",
+    "vue-tsc": "^3.0.5"
   },
   "repository": {
     "type": "git",
@@ -79,5 +63,22 @@
   },
   "bugs": {
     "url": "https://github.com/vuelessjs/vueless-module-nuxt/issues"
-  }
+  },
+  "keywords": [
+    "vueless",
+    "nuxt",
+    "nuxt.js",
+    "nuxt3",
+    "nuxt4",
+    "ui library",
+    "component library",
+    "nuxt framework",
+    "design system",
+    "tailwind",
+    "tailwindcss",
+    "unstyled",
+    "styleless",
+    "headlessui",
+    "ui"
+  ]
 }

package/dist/runtime/plugin.js

@@ -1,5 +1,4 @@
-import { createVueless, setTheme } from "vueless";
-import createVueI18nAdapter from "vueless/adapter.locale/vue-i18n";
+import { createVueless, createVueI18nAdapter, setTheme, ColorMode, vClickOutside, vTooltip, vuelessConfig } from "vueless";
 import {
   TEXT,
   OUTLINE,
@@ -12,23 +11,19 @@ import {
   LIGHT_MODE_CLASS,
   DISABLED_OPACITY
 } from "vueless/constants";
-import { ColorMode } from "vueless/types";
-import vClickOutside from "vueless/directives/clickOutside/vClickOutside";
-import vTooltip from "vueless/directives/tooltip/vTooltip";
-import { vuelessConfig } from "vueless/utils/ui";
-import { useRuntimeConfig } from "#imports";
 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;
+    if (key) {
+      acc[key] = value || "";
+    }
     return acc;
   }, {});
 }
 export default defineNuxtPlugin((_nuxtApp) => {
-  const config = useRuntimeConfig().public.vueless;
-  const vuelessOptions = { config };
+  const vuelessOptions = {};
   if ("$i18n" in _nuxtApp) {
     vuelessOptions.i18n = {
       adapter: createVueI18nAdapter({ global: _nuxtApp.$i18n })
@@ -43,25 +38,37 @@ export default defineNuxtPlugin((_nuxtApp) => {
     const cookies = parseCookies(event?.node.req.headers.cookie);
     const primary = cookies?.[`vl-${PRIMARY_COLOR}`];
     const neutral = cookies?.[`vl-${NEUTRAL_COLOR}`];
+    const textXs = Number(cookies?.[`vl-${TEXT}-xs`]);
+    const textSm = Number(cookies?.[`vl-${TEXT}-sm`]);
+    const textMd = Number(cookies?.[`vl-${TEXT}-md`]);
+    const textLg = Number(cookies?.[`vl-${TEXT}-lg`]);
     const text = {
-      xs: cookies?.[`vl-${TEXT}-xs`],
-      sm: cookies?.[`vl-${TEXT}-sm`],
-      md: cookies?.[`vl-${TEXT}-md`],
-      lg: cookies?.[`vl-${TEXT}-lg`]
+      xs: !Number.isNaN(textXs) ? textXs : void 0,
+      sm: !Number.isNaN(textSm) ? textSm : void 0,
+      md: !Number.isNaN(textMd) ? textMd : void 0,
+      lg: !Number.isNaN(textLg) ? textLg : void 0
     };
+    const outlineSm = Number(cookies?.[`vl-${OUTLINE}-sm`]);
+    const outlineMd = Number(cookies?.[`vl-${OUTLINE}-md`]);
+    const outlineLg = Number(cookies?.[`vl-${OUTLINE}-lg`]);
     const outline = {
-      sm: cookies?.[`vl-${OUTLINE}-sm`],
-      md: cookies?.[`vl-${OUTLINE}-md`],
-      lg: cookies?.[`vl-${OUTLINE}-lg`]
+      sm: !Number.isNaN(outlineSm) ? outlineSm : void 0,
+      md: !Number.isNaN(outlineMd) ? outlineMd : void 0,
+      lg: !Number.isNaN(outlineLg) ? outlineLg : void 0
     };
+    const roundingSm = Number(cookies?.[`vl-${ROUNDING}-sm`]);
+    const roundingMd = Number(cookies?.[`vl-${ROUNDING}-md`]);
+    const roundingLg = Number(cookies?.[`vl-${ROUNDING}-lg`]);
     const rounding = {
-      sm: cookies?.[`vl-${ROUNDING}-sm`],
-      md: cookies?.[`vl-${ROUNDING}-md`],
-      lg: cookies?.[`vl-${ROUNDING}-lg`]
+      sm: !Number.isNaN(roundingSm) ? roundingSm : void 0,
+      md: !Number.isNaN(roundingMd) ? roundingMd : void 0,
+      lg: !Number.isNaN(roundingLg) ? roundingLg : void 0
     };
-    const disabledOpacity = cookies?.[`vl-${DISABLED_OPACITY}`];
+    const disabledOpacityValue = Number(cookies?.[`vl-${DISABLED_OPACITY}`]);
+    const disabledOpacity = !Number.isNaN(disabledOpacityValue) ? disabledOpacityValue : void 0;
     const colorMode = cookies?.[COLOR_MODE_KEY] || vuelessConfig.colorMode || ColorMode.Light;
-    const isCachedAutoMode = Boolean(Number(cookies?.[AUTO_MODE_KEY]));
+    const autoModeValue = Number(cookies?.[AUTO_MODE_KEY]);
+    const isCachedAutoMode = Boolean(!Number.isNaN(autoModeValue) ? autoModeValue : void 0);
     const themeRootVariables = setTheme({ primary, neutral, text, outline, rounding, disabledOpacity, colorMode }, isCachedAutoMode);
     const colorModeClass = colorMode === ColorMode.Dark ? DARK_MODE_CLASS : LIGHT_MODE_CLASS;
     _nuxtApp.ssrContext?.head.push({

package/package.json

@@ -1,26 +1,10 @@
 {
   "name": "@vueless/nuxt",
-  "version": "1.0.1-beta.1",
-  "license": "MIT",
+  "version": "1.0.1-beta.11",
   "description": "Nuxt Styleless UI Component Library, powered by Tailwind CSS.",
-  "keywords": [
-    "vueless",
-    "nuxt",
-    "nuxt.js",
-    "nuxt3",
-    "ui library",
-    "component library",
-    "nuxt framework",
-    "design system",
-    "tailwind",
-    "tailwindcss",
-    "unstyled",
-    "styleless",
-    "headlessui",
-    "ui"
-  ],
+  "author": "Johnny Grid <hello@vueless.com> (https://vueless.com)",
   "homepage": "https://vueless.com",
-  "author": "Johnny Grid",
+  "license": "MIT",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -43,35 +27,35 @@
     "dev:preview": "nuxi preview playground",
     "prepack": "nuxi prepare && nuxt-module-build build && cp package.json LICENSE README.md dist/",
     "release:beta": "release-it --ci --npm.publish --preRelease=beta --increment=prerelease",
-    "release:patch": "release-it patch --ci --npm.publish",
+    "release:patch": "release-it patch --ci --npm.publish --git.tag --github.release",
     "release:minor": "release-it minor --ci --npm.publish --git.tag --github.release",
     "release:major": "release-it major --ci --npm.publish --git.tag --github.release",
+    "ts:check": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit",
     "lint": "eslint . --no-fix",
     "lint:fix": "eslint . --fix",
     "lint:ci": "eslint . --no-fix --max-warnings=0",
     "test": "vitest run",
-    "test:watch": "vitest watch",
-    "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
+    "test:watch": "vitest watch"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.17.4",
-    "vueless": "^1.0.1"
+    "vueless": "^1.1.1-beta.50"
   },
   "devDependencies": {
-    "@material-symbols/svg-500": "^0.31.4",
-    "@nuxt/devtools": "^2.4.1",
-    "@nuxt/eslint-config": "^1.4.1",
-    "@nuxt/module-builder": "^1.0.1",
-    "@nuxt/schema": "^3.17.4",
-    "@nuxt/test-utils": "^3.19.1",
+    "@material-symbols/svg-500": "^0.34.1",
+    "@nuxt/devtools": "^2.6.2",
+    "@nuxt/eslint-config": "^1.8.0",
+    "@nuxt/kit": "^4.0.3",
+    "@nuxt/module-builder": "^1.0.2",
+    "@nuxt/schema": "^4.0.3",
+    "@nuxt/test-utils": "^3.19.2",
     "@types/node": "latest",
-    "changelogen": "^0.5.5",
-    "eslint": "^9.27.0",
-    "nuxt": "^3.17.4",
-    "release-it": "^19.0.2",
+    "changelogen": "^0.6.2",
+    "eslint": "^9.33.0",
+    "nuxt": "^4.0.3",
+    "release-it": "^19.0.4",
     "typescript": "latest",
-    "vitest": "^3.1.4",
-    "vue-tsc": "^2.2.10"
+    "vitest": "^3.2.4",
+    "vue-tsc": "^3.0.5"
   },
   "repository": {
     "type": "git",
@@ -79,5 +63,22 @@
   },
   "bugs": {
     "url": "https://github.com/vuelessjs/vueless-module-nuxt/issues"
-  }
+  },
+  "keywords": [
+    "vueless",
+    "nuxt",
+    "nuxt.js",
+    "nuxt3",
+    "nuxt4",
+    "ui library",
+    "component library",
+    "nuxt framework",
+    "design system",
+    "tailwind",
+    "tailwindcss",
+    "unstyled",
+    "styleless",
+    "headlessui",
+    "ui"
+  ]
 }