vueless 0.0.728 → 0.0.729

package/composables/useUI.ts

@@ -54,7 +54,6 @@ export default function useUI<T>(
 
   const firstClassKey = Object.keys(defaultConfig || {})[0];
   const config = ref({}) as Ref<ComponentConfigFull<T>>;
-  const attrs = useAttrs();
 
   watchEffect(() => {
     const propsConfig = props.config as ComponentConfigFull<T>;
@@ -91,7 +90,7 @@ export default function useUI<T>(
       }
 
       if (key === (topLevelClassKey || firstClassKey)) {
-        classes = cx([DEFAULT_BASE_CLASSES, vuelessConfig.baseClasses, classes, attrs.class]);
+        classes = cx([DEFAULT_BASE_CLASSES, vuelessConfig.baseClasses, classes]);
       }
 
       classes = classes.replaceAll(EXTENDS_PATTERN_REG_EXP, "");
@@ -150,18 +149,21 @@ export default function useUI<T>(
 
       const commonAttrs: KeyAttrs = {
         ...(isTopLevelKey ? attrs : {}),
+        "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,
         "vl-child-component": isDev && attrs["vl-component"] ? nestedComponent : null,
         "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;
 
       vuelessAttrs.value = {
         ...commonAttrs,
-        class: cx([...extendsClasses, toValue(classes)]),
+        class: cx([...extendsClasses, toValue(classes), topLevelClasses]),
         config: getMergedConfig({
           defaultConfig: extendsKeyConfig,
           globalConfig: keyConfig,

package/package.json

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

package/types.ts

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