vueless 0.0.356 → 0.0.357

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -30,7 +30,7 @@ import {
30
30
  export default function useUI(defaultConfig = {}, propsConfigGetter = null, topLevelClassKey) {
31
31
  const { type, props } = getCurrentInstance();
32
32
  const componentName = type.__name;
33
- const globalConfig = vuelessConfig?.component ? vuelessConfig?.component[componentName] : {};
33
+ const globalConfig = vuelessConfig.component ? vuelessConfig.component[componentName] : {};
34
34
 
35
35
  const isStrategyValid =
36
36
  vuelessConfig.strategy && Object.values(STRATEGY_TYPE).includes(vuelessConfig.strategy);
@@ -17,7 +17,7 @@ if (isCSR) {
17
17
  animation: "shift-away",
18
18
  };
19
19
 
20
- settings = merge(defaultSettings, vuelessConfig?.directive?.tooltip || {});
20
+ settings = merge(defaultSettings, vuelessConfig.directive?.tooltip || {});
21
21
  tippy.setDefaultProps(settings);
22
22
  }
23
23
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vueless",
3
- "version": "0.0.356",
3
+ "version": "0.0.357",
4
4
  "license": "MIT",
5
5
  "description": "Vue Styleless Component Framework.",
6
6
  "homepage": "https://vueless.com",
@@ -31,11 +31,11 @@ export function themeInit() {
31
31
 
32
32
  export function setTheme(config = {}) {
33
33
  const isDarkMode = setDarkMode(config);
34
- const ring = config?.ring ?? vuelessConfig?.ring ?? DEFAULT_RING;
35
- const ringOffset = config?.ringOffset ?? vuelessConfig?.ringOffset ?? DEFAULT_RING_OFFSET;
36
- const rounding = config?.rounding ?? vuelessConfig?.rounding ?? DEFAULT_ROUNDING;
37
- let brand = config?.brand ?? vuelessConfig?.brand ?? DEFAULT_BRAND_COLOR;
38
- let gray = config?.gray ?? vuelessConfig?.gray ?? DEFAULT_GRAY_COLOR;
34
+ const ring = config?.ring ?? vuelessConfig.ring ?? DEFAULT_RING;
35
+ const ringOffset = config?.ringOffset ?? vuelessConfig.ringOffset ?? DEFAULT_RING_OFFSET;
36
+ const rounding = config?.rounding ?? vuelessConfig.rounding ?? DEFAULT_ROUNDING;
37
+ let brand = config?.brand ?? vuelessConfig.brand ?? DEFAULT_BRAND_COLOR;
38
+ let gray = config?.gray ?? vuelessConfig.gray ?? DEFAULT_GRAY_COLOR;
39
39
 
40
40
  const isBrandColor = BRAND_COLORS.some((color) => color === brand);
41
41
  const isGrayColor = GRAY_COLORS.some((color) => color === gray);
@@ -103,7 +103,7 @@ function setDarkMode(config) {
103
103
  let isDarkMode =
104
104
  storedDarkMode !== null
105
105
  ? !!Number(storedDarkMode)
106
- : !!(config?.darkMode ?? vuelessConfig?.darkMode ?? config?.systemDarkMode);
106
+ : !!(config?.darkMode ?? vuelessConfig.darkMode ?? config?.systemDarkMode);
107
107
 
108
108
  isDarkMode
109
109
  ? isCSR && document.documentElement.classList.add(DARK_MODE_SELECTOR)
package/utils/utilUI.js CHANGED
@@ -17,16 +17,20 @@ import {
17
17
  export let vuelessConfig = {};
18
18
 
19
19
  if (isSSR) {
20
- (async () =>
21
- (vuelessConfig = (
22
- await import(/* @vite-ignore */ `${process.cwd()}/vueless.config.js?${Date.now()}`)
23
- ).default))();
20
+ /* Load Vueless config from the project root in IIFE (no top-level await). */
21
+ (async () => {
22
+ try {
23
+ vuelessConfig = (await import(`${process.cwd()}/vueless.config.js`)).default;
24
+ } catch (error) {
25
+ vuelessConfig = {};
26
+ }
27
+ })();
24
28
  }
25
29
 
26
30
  if (isCSR) {
27
- vuelessConfig = Object.values(
28
- import.meta.glob("/vueless.config.js", { eager: true, import: "default" }),
29
- )[0];
31
+ vuelessConfig =
32
+ Object.values(import.meta.glob("/vueless.config.js", { eager: true, import: "default" }))[0] ||
33
+ {};
30
34
  }
31
35
 
32
36
  /**
@@ -49,7 +53,7 @@ const twMerge = extendTailwindMerge(
49
53
  },
50
54
  },
51
55
  },
52
- vuelessConfig?.tailwindMerge,
56
+ vuelessConfig.tailwindMerge,
53
57
  ),
54
58
  );
55
59
 
@@ -88,7 +92,7 @@ export const cva = ({ base = "", variants = {}, compoundVariants = [], defaultVa
88
92
  export function getDefault(defaultConfig, name) {
89
93
  const defaults = merge(
90
94
  cloneDeep(defaultConfig.defaults),
91
- vuelessConfig?.component ? vuelessConfig?.component[name]?.defaults : {},
95
+ vuelessConfig.component ? vuelessConfig.component[name]?.defaults : {},
92
96
  );
93
97
 
94
98
  defaults.color = getColor(defaults.color);
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "framework": "vue",
3
3
  "name": "vueless",
4
- "version": "0.0.356",
4
+ "version": "0.0.357",
5
5
  "contributions": {
6
6
  "html": {
7
7
  "description-markup": "markdown",