vueless 0.0.662 → 0.0.663

package/composables/useUI.ts

@@ -45,7 +45,7 @@ export default function useUI<T>(
     ? (parent?.type.__name as ComponentNames)
     : (type.__name as ComponentNames);
 
-  const globalConfig = (vuelessConfig?.component?.[componentName] || {}) as ComponentConfig<T>;
+  const globalConfig = (vuelessConfig.component?.[componentName] || {}) as ComponentConfig<T>;
 
   const vuelessStrategy = Object.values(STRATEGY_TYPE).includes(vuelessConfig.strategy || "")
     ? (vuelessConfig.strategy as Strategies)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.662",
+  "version": "0.0.663",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/utils/node/dynamicProps.js

@@ -19,7 +19,7 @@ export async function setCustomPropTypes(isVuelessEnv) {
   const srcDir = isVuelessEnv ? VUELESS_LOCAL_DIR : VUELESS_DIR;
 
   for await (const [componentName, componentDir] of Object.entries(COMPONENTS)) {
-    const componentGlobalConfig = vuelessConfig.component[componentName];
+    const componentGlobalConfig = vuelessConfig.component?.[componentName];
     const customProps = componentGlobalConfig && componentGlobalConfig.props;
     const isHiddenStories = componentGlobalConfig && componentGlobalConfig.storybook === false;
 
@@ -27,7 +27,7 @@ export async function setCustomPropTypes(isVuelessEnv) {
       await cacheComponentTypes(path.join(srcDir, componentDir));
       await modifyComponentTypes(
         path.join(srcDir, componentDir),
-        vuelessConfig.component[componentName].props,
+        vuelessConfig.component?.[componentName]?.props,
       );
     }
   }

package/utils/node/dynamicStories.js

@@ -47,7 +47,7 @@ export async function hideHiddenStories(isVuelessEnv) {
   const srcDir = isVuelessEnv ? VUELESS_LOCAL_DIR : VUELESS_DIR;
 
   for await (const [componentName, componentDir] of Object.entries(COMPONENTS)) {
-    const componentGlobalConfig = vuelessConfig.component[componentName];
+    const componentGlobalConfig = vuelessConfig.component?.[componentName];
     const isHiddenStories = componentGlobalConfig && componentGlobalConfig.storybook === false;
 
     if (isHiddenStories) {

package/utils/node/loaderIcon.js

@@ -311,5 +311,5 @@ async function getDefaults() {
   const defaultConfigPath = path.join(cwd(), defaultIconsDir, COMPONENTS[U_ICON], "config.ts");
   const uIconDefaultConfig = await getComponentDefaultConfig(U_ICON, defaultConfigPath);
 
-  return merge({}, uIconDefaultConfig?.defaults, vuelessConfig?.component?.[U_ICON]?.defaults);
+  return merge({}, uIconDefaultConfig?.defaults, vuelessConfig.component?.[U_ICON]?.defaults);
 }

package/utils/theme.ts

@@ -40,7 +40,7 @@ export function themeInit() {
 
   setTheme();
 
-  if (vuelessConfig?.colorMode === ColorMode.Auto) {
+  if (vuelessConfig.colorMode === ColorMode.Auto) {
     const prefersColorSchemeDark = window.matchMedia("(prefers-color-scheme: dark)");
 
     prefersColorSchemeDark.addEventListener("change", (event) => {
@@ -98,11 +98,11 @@ export function setColorMode(colorMode: `${ColorMode}`) {
 }
 
 export function setTheme(config: Config = {}) {
-  setColorMode(vuelessConfig?.colorMode || config?.colorMode || ColorMode.Light);
+  setColorMode(vuelessConfig.colorMode || config?.colorMode || ColorMode.Light);
 
   const rounding = config?.rounding ?? vuelessConfig.rounding ?? DEFAULT_ROUNDING;
-  const roundingSm = config?.roundingSm ?? vuelessConfig?.roundingSm ?? rounding / 2;
-  const roundingLg = config?.roundingLg ?? vuelessConfig?.roundingLg ?? rounding * 2;
+  const roundingSm = config?.roundingSm ?? vuelessConfig.roundingSm ?? rounding / 2;
+  const roundingLg = config?.roundingLg ?? vuelessConfig.roundingLg ?? rounding * 2;
   const isDarkMode = document.documentElement.classList.contains(DARK_MODE_SELECTOR);
 
   let brand: BrandColors | GrayColors | typeof GRAY_COLOR =
@@ -159,7 +159,7 @@ export function setTheme(config: Config = {}) {
   const colors: DefaultColors = merge(
     tailwindColors,
     tailwindConfig?.theme?.extend?.colors || {},
-    vuelessConfig?.tailwindTheme?.extend?.colors || {},
+    vuelessConfig.tailwindTheme?.extend?.colors || {},
   );
 
   const variables: Partial<VuelessCssVariables> = {