vueless 0.0.733 → 0.0.735

package/composables/useUI.ts

@@ -6,7 +6,7 @@ import {
   STRATEGY_TYPE,
   CVA_CONFIG_KEY,
   SYSTEM_CONFIG_KEY,
-  DEFAULT_BASE_CLASSES,
+  // DEFAULT_BASE_CLASSES,
   EXTENDS_PATTERN_REG_EXP,
   NESTED_COMPONENT_PATTERN_REG_EXP,
 } from "../constants.js";
@@ -90,7 +90,9 @@ export default function useUI<T>(
       }
 
       if (key === (topLevelClassKey || firstClassKey)) {
-        classes = cx([DEFAULT_BASE_CLASSES, vuelessConfig.baseClasses, classes]);
+        classes = cx([classes]);
+        // TODO: It will be fixed soon
+        //classes = cx([DEFAULT_BASE_CLASSES, vuelessConfig.baseClasses, classes]);
       }
 
       classes = classes.replaceAll(EXTENDS_PATTERN_REG_EXP, "");
@@ -149,6 +151,7 @@ export default function useUI<T>(
 
       const commonAttrs: KeyAttrs = {
         ...(isTopLevelKey ? attrs : {}),
+        "data-vl-root": isTopLevelKey || null,
         "data-vl-child": attrs["data-vl-child"] ? null : true,
         "vl-component": isDev ? attrs["vl-component"] || componentName || null : null,
         "vl-key": isDev ? attrs["vl-key"] || configKey || null : null,
@@ -156,11 +159,21 @@ export default function useUI<T>(
         "vl-child-key": isDev && attrs["vl-component"] ? configKey : null,
       };
 
-      const topLevelClasses = (!attrs["data-vl-child"] && commonAttrs.class) || "";
-
       /* Delete value key to prevent v-model overwrite. */
       delete commonAttrs.value;
 
+      let topLevelClasses;
+
+      if (!commonAttrs["data-vl-child"] && !attrs["data-vl-root"]) {
+        topLevelClasses = commonAttrs.class || "";
+      }
+
+      // console.log(configKey, isTopLevelKey, commonAttrs["data-vl-child"], attrs["data-vl-root"]);
+
+      if (isTopLevelKey) {
+        topLevelClasses = attrs.class;
+      }
+
       vuelessAttrs.value = {
         ...commonAttrs,
         class: cx([...extendsClasses, toValue(classes), topLevelClasses]),

package/package.json

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

package/types.ts

@@ -310,6 +310,7 @@ export type KeyAttrsWithConfig<T> = {
 } & KeyAttrs;
 
 export interface KeyAttrs extends VueAttrs {
+  "data-vl-root"?: boolean | null;
   "data-vl-child"?: boolean | null;
   "vl-component"?: string | null;
   "vl-key"?: string | null;