vueless 0.0.447 → 0.0.449

package/package.json

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

package/ui.form-checkbox/UCheckbox.vue

@@ -198,13 +198,13 @@ const props = defineProps({
 const emit = defineEmits([
   /**
    * Triggers when checkbox is toggled.
-   * @property {Boolean} newModelValue
+   * @property {Boolean} modelValue
    */
   "update:modelValue",
 
   /**
    * Triggers when checkbox is toggled.
-   * @property {Boolean} newModelValue
+   * @property {Boolean} modelValue
    */
   "input",
 ]);

package/ui.form-input/UInput.vue

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

package/ui.text-money/UMoney.vue

@@ -19,7 +19,7 @@
       <span
         v-if="!integer"
         v-bind="pennyAttrs"
-        v-text="preparedMoney.delimiter + preparedMoney.penny"
+        v-text="preparedMoney.decimalSeparator + preparedMoney.penny"
       />
 
       <span
@@ -118,11 +118,11 @@ const props = defineProps({
   },
 
   /**
-   * Set the delimiter between integer and float (penny) parts.
+   * A symbol used to separate the integer part from the fractional part of a number.
    */
-  delimiter: {
+  decimalSeparator: {
     type: String,
-    default: getDefault(defaultConfig, UMoney).delimiter,
+    default: getDefault(defaultConfig, UMoney).decimalSeparator,
   },
 
   /**
@@ -200,6 +200,6 @@ const mathSign = computed(() => {
 });
 
 const preparedMoney = computed(() => {
-  return separatedMoney(Math.abs(props.sum), props.decimalScale, props.delimiter);
+  return separatedMoney(Math.abs(props.sum), props.decimalScale, props.decimalSeparator);
 });
 </script>

package/ui.text-money/config.js

@@ -54,7 +54,7 @@ export default /*tw*/ {
     align: "left",
     symbolAlign: "right",
     decimalScale: 2,
-    delimiter: ",",
+    decimalSeparator: ",",
     planned: false,
     integer: false,
     symbolDivided: true,

package/ui.text-money/utilMoney.js

@@ -8,17 +8,22 @@ export const ADD_SPACE_IN_MONEY_REG_EX = /(\d)(?=(\d{3})+(\D|$))/g;
 export const SINGLE_ZERO = "0";
 export const DOUBLE_ZERO = "00";
 
-export function separatedMoney(money, decimalPlaces = 2, delimiter = ",") {
+export function separatedMoney(money, decimalPlaces = 2, decimalSeparator = ",") {
   const roundedMoney = money ? money.toFixed(decimalPlaces) : 0;
 
   let [integer, penny] = String(roundedMoney).split(".");
 
   integer = integer.replace(ADD_SPACE_IN_MONEY_REG_EX, "$1 ");
 
-  if (roundedMoney === 0) {
+  if (!roundedMoney) {
     integer = SINGLE_ZERO;
     penny = DOUBLE_ZERO;
   }
 
-  return { integer, penny, delimiter };
+  if (decimalPlaces === 0) {
+    decimalSeparator = "";
+    penny = "";
+  }
+
+  return { integer, penny, decimalSeparator };
 }

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.447",
+  "version": "0.0.449",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -1592,7 +1592,7 @@
                   "type": [
                     "Boolean"
                   ],
-                  "name": "newModelValue"
+                  "name": "modelValue"
                 }
               ]
             },
@@ -1604,7 +1604,7 @@
                   "type": [
                     "Boolean"
                   ],
-                  "name": "newModelValue"
+                  "name": "modelValue"
                 }
               ]
             }
@@ -4690,9 +4690,11 @@
               "description": "Use it to add icon before the text.",
               "bindings": [
                 {
+                  "type": "string",
                   "name": "icon-name"
                 },
                 {
+                  "type": "string",
                   "name": "icon-size"
                 }
               ]
@@ -6631,8 +6633,8 @@
               "default": "2"
             },
             {
-              "name": "delimiter",
-              "description": "Set the delimiter between integer and float (penny) parts.",
+              "name": "decimalSeparator",
+              "description": "A symbol used to separate the integer part from the fractional part of a number.",
               "value": {
                 "kind": "expression",
                 "type": "string"