vueless 0.0.447 → 0.0.448

package/package.json

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

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.448",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -6631,8 +6631,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"