vueless 0.0.732 → 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.732",
+  "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;

package/utils/tailwindConfig.ts

@@ -28,6 +28,9 @@ if (isSSR) {
 
 if (isCSR) {
   tailwindConfig = Object.values(
-    import.meta.glob("/tailwind.config.{js,ts}", { eager: true, import: "default" }),
+    import.meta.glob(["/tailwind.config.{js,ts}", "/**/tailwind.config.{js,ts}"], {
+      eager: true,
+      import: "default",
+    }),
   )[0] as Config;
 }

package/utils/ui.ts

@@ -58,7 +58,10 @@ if (isSSR) {
 if (isCSR) {
   vuelessConfig =
     Object.values(
-      import.meta.glob("/vueless.config.{js,ts}", { eager: true, import: "default" }),
+      import.meta.glob(["/vueless.config.{js,ts}", "/**/vueless.config.{js,ts}"], {
+        eager: true,
+        import: "default",
+      }),
     )[0] || {};
 }