vueless 0.0.355 → 0.0.357

package/composables/useUI.js

@@ -30,7 +30,7 @@ import {
 export default function useUI(defaultConfig = {}, propsConfigGetter = null, topLevelClassKey) {
   const { type, props } = getCurrentInstance();
   const componentName = type.__name;
-  const globalConfig = vuelessConfig?.component ? vuelessConfig?.component[componentName] : {};
+  const globalConfig = vuelessConfig.component ? vuelessConfig.component[componentName] : {};
 
   const isStrategyValid =
     vuelessConfig.strategy && Object.values(STRATEGY_TYPE).includes(vuelessConfig.strategy);

package/directives/vTooltip.js

@@ -17,7 +17,7 @@ if (isCSR) {
     animation: "shift-away",
   };
 
-  settings = merge(defaultSettings, vuelessConfig?.directive?.tooltip || {});
+  settings = merge(defaultSettings, vuelessConfig.directive?.tooltip || {});
   tippy.setDefaultProps(settings);
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.355",
+  "version": "0.0.357",
   "license": "MIT",
   "description": "Vue Styleless Component Framework.",
   "homepage": "https://vueless.com",
@@ -37,7 +37,7 @@
     "@release-it/bumper": "^6.0.1",
     "@vitejs/plugin-vue": "^5.0.5",
     "@vue/eslint-config-prettier": "^9.0.0",
-    "@vueless/plugin-vite": "^0.0.60",
+    "@vueless/plugin-vite": "^0.0.61",
     "@vueless/storybook": "^0.0.34",
     "@vueless/web-types": "^0.0.15",
     "autoprefixer": "^10.4.19",

package/ui.form-input/UInput.vue

@@ -476,6 +476,6 @@ function setLabelPosition() {
 <style lang="postcss" scoped>
 @font-face {
   font-family: text-security-disc;
-  src: url("./assets/fonts/text-security-disc.woff");
+  src: url("./assets/text-security-disc.woff");
 }
 </style>

package/utils/utilTheme.js

@@ -31,11 +31,11 @@ export function themeInit() {
 
 export function setTheme(config = {}) {
   const isDarkMode = setDarkMode(config);
-  const ring = config?.ring ?? vuelessConfig?.ring ?? DEFAULT_RING;
-  const ringOffset = config?.ringOffset ?? vuelessConfig?.ringOffset ?? DEFAULT_RING_OFFSET;
-  const rounding = config?.rounding ?? vuelessConfig?.rounding ?? DEFAULT_ROUNDING;
-  let brand = config?.brand ?? vuelessConfig?.brand ?? DEFAULT_BRAND_COLOR;
-  let gray = config?.gray ?? vuelessConfig?.gray ?? DEFAULT_GRAY_COLOR;
+  const ring = config?.ring ?? vuelessConfig.ring ?? DEFAULT_RING;
+  const ringOffset = config?.ringOffset ?? vuelessConfig.ringOffset ?? DEFAULT_RING_OFFSET;
+  const rounding = config?.rounding ?? vuelessConfig.rounding ?? DEFAULT_ROUNDING;
+  let brand = config?.brand ?? vuelessConfig.brand ?? DEFAULT_BRAND_COLOR;
+  let gray = config?.gray ?? vuelessConfig.gray ?? DEFAULT_GRAY_COLOR;
 
   const isBrandColor = BRAND_COLORS.some((color) => color === brand);
   const isGrayColor = GRAY_COLORS.some((color) => color === gray);
@@ -103,7 +103,7 @@ function setDarkMode(config) {
   let isDarkMode =
     storedDarkMode !== null
       ? !!Number(storedDarkMode)
-      : !!(config?.darkMode ?? vuelessConfig?.darkMode ?? config?.systemDarkMode);
+      : !!(config?.darkMode ?? vuelessConfig.darkMode ?? config?.systemDarkMode);
 
   isDarkMode
     ? isCSR && document.documentElement.classList.add(DARK_MODE_SELECTOR)

package/utils/utilUI.js

@@ -17,16 +17,20 @@ import {
 export let vuelessConfig = {};
 
 if (isSSR) {
-  (async () =>
-    (vuelessConfig = (
-      await import(/* @vite-ignore */ `${process.cwd()}/vueless.config.js?${Date.now()}`)
-    ).default))();
+  /* Load Vueless config from the project root in IIFE (no top-level await). */
+  (async () => {
+    try {
+      vuelessConfig = (await import(`${process.cwd()}/vueless.config.js`)).default;
+    } catch (error) {
+      vuelessConfig = {};
+    }
+  })();
 }
 
 if (isCSR) {
-  vuelessConfig = Object.values(
-    import.meta.glob("/vueless.config.js", { eager: true, import: "default" }),
-  )[0];
+  vuelessConfig =
+    Object.values(import.meta.glob("/vueless.config.js", { eager: true, import: "default" }))[0] ||
+    {};
 }
 
 /**
@@ -49,7 +53,7 @@ const twMerge = extendTailwindMerge(
         },
       },
     },
-    vuelessConfig?.tailwindMerge,
+    vuelessConfig.tailwindMerge,
   ),
 );
 
@@ -88,7 +92,7 @@ export const cva = ({ base = "", variants = {}, compoundVariants = [], defaultVa
 export function getDefault(defaultConfig, name) {
   const defaults = merge(
     cloneDeep(defaultConfig.defaults),
-    vuelessConfig?.component ? vuelessConfig?.component[name]?.defaults : {},
+    vuelessConfig.component ? vuelessConfig.component[name]?.defaults : {},
   );
 
   defaults.color = getColor(defaults.color);

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.355",
+  "version": "0.0.357",
   "contributions": {
     "html": {
       "description-markup": "markdown",