vueless 0.0.733 → 0.0.734

package/composables/useUI.ts

@@ -149,6 +149,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 +157,15 @@ 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 || "";
+      }
+
       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.734",
   "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;