vueless 0.0.420 → 0.0.422

package/composables/useUI.js

@@ -24,7 +24,7 @@ import {
 /**
  * Merging component configs in a given sequence (bigger number = bigger priority):
  * 1. Default component config
- * 2. Custom global component config (/vueless.config.js)
+ * 2. Custom global component config (/vueless.config.{js,ts})
  * 3. Component config (:config="{...}" props)
  * 4. Component classes (class="...")
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.420",
+  "version": "0.0.422",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [
@@ -53,7 +53,7 @@
     "@release-it/bumper": "^6.0.1",
     "@vitejs/plugin-vue": "^5.0.5",
     "@vue/eslint-config-prettier": "^9.0.0",
-    "@vueless/plugin-vite": "^0.0.67",
+    "@vueless/plugin-vite": "^0.0.68",
     "@vueless/storybook": "^0.0.34",
     "@vueless/web-types": "^0.0.15",
     "autoprefixer": "^10.4.19",

package/preset.tailwind.js

@@ -17,8 +17,8 @@ const isStrategyOverride = process.env.VUELESS_STRATEGY === "override";
 export const vuelessContent = [
   "./vueless.config.{js,ts}",
   "./node_modules/vueless/**/*.{js,ts,vue}",
-  ...(isStrategyOverride ? ["!./src/**/ui.*/config.js"] : []), // only for vueless env
-  ...(isStrategyOverride ? ["!./node_modules/vueless/**/ui.*/config.js"] : []),
+  ...(isStrategyOverride ? ["!./src/**/ui.*/config.{js,ts}"] : []), // only for vueless env
+  ...(isStrategyOverride ? ["!./node_modules/vueless/**/ui.*/config.{js,ts}"] : []),
 ];
 
 /**

package/ui.form-date-picker/UDatePicker.vue

@@ -22,19 +22,23 @@
         <slot name="left" />
       </template>
 
-      <template #left-icon>
-        <!-- @slot Use it add an icon before the date. -->
-        <slot name="left-icon" />
+      <template #left-icon="{ iconName, iconSize }">
+        <!--
+          @slot Use it add an icon before the date.
+          @binding {string} iconName
+          @binding {string} iconSize
+        -->
+        <slot name="left-icon" :icon-name="iconName" :icon-size="iconSize" />
       </template>
 
-      <template #right-icon>
+      <template #right-icon="{ iconName, iconSize }">
         <!--
           @slot Use it add an icon after the date.
-          @binding {string} icon-name
-          @binding {string} icon-size
+          @binding {string} iconName
+          @binding {string} iconSize
         -->
-        <slot name="right-icon" :icon-name="rightIcon" :icon-size="size">
-          <UIcon :name="rightIcon" :size="size" color="gray" />
+        <slot name="right-icon" :icon-name="iconName" :icon-size="iconSize">
+          <UIcon :name="iconName" :size="iconSize" color="gray" />
         </slot>
       </template>
 

package/ui.form-input/UInput.vue

@@ -24,8 +24,8 @@
       >
         <!--
           @slot Use it to add icon before the text.
-          @binding {string} icon-name
-          @binding {string} icon-size
+          @binding {string} iconName
+          @binding {string} iconSize
         -->
         <slot name="left-icon" :icon-name="leftIcon" :icon-size="iconSize">
           <UIcon

package/utils/utilUI.js

@@ -20,8 +20,13 @@ if (isSSR) {
   /* Load Vueless config from the project root in IIFE (no top-level await). */
   (async () => {
     try {
-      // eslint-disable-next-line prettier/prettier
-      vuelessConfig = (await import(/* @vite-ignore */ `${process.cwd()}/vueless.config.js`)).default;
+      const filePath = `${process.cwd()}/vueless.config`;
+
+      vuelessConfig = (await import(/* @vite-ignore */ `${filePath}.js`)).default;
+
+      if (!vuelessConfig) {
+        vuelessConfig = (await import(/* @vite-ignore */ `${filePath}.ts`)).default;
+      }
     } catch (error) {
       vuelessConfig = {};
     }
@@ -30,8 +35,9 @@ if (isSSR) {
 
 if (isCSR) {
   vuelessConfig =
-    Object.values(import.meta.glob("/vueless.config.js", { eager: true, import: "default" }))[0] ||
-    {};
+    Object.values(
+      import.meta.glob("/vueless.config.{js,ts}", { eager: true, import: "default" }),
+    )[0] || {};
 }
 
 /**

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.420",
+  "version": "0.0.422",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -2550,7 +2550,16 @@
             },
             {
               "name": "left-icon",
-              "description": "Use it add an icon before the date."
+              "scoped": true,
+              "description": "Use it add an icon before the date.",
+              "bindings": [
+                {
+                  "name": "icon-name"
+                },
+                {
+                  "name": "icon-size"
+                }
+              ]
             },
             {
               "name": "right-icon",
@@ -2558,11 +2567,9 @@
               "description": "Use it add an icon after the date.",
               "bindings": [
                 {
-                  "type": "string",
                   "name": "icon-name"
                 },
                 {
-                  "type": "string",
                   "name": "icon-size"
                 }
               ]
@@ -4617,11 +4624,9 @@
               "description": "Use it to add icon before the text.",
               "bindings": [
                 {
-                  "type": "string",
                   "name": "icon-name"
                 },
                 {
-                  "type": "string",
                   "name": "icon-size"
                 }
               ]