Feat: Countup display fixed value (louislam#4266)

MrEddX · Dec 21, 2023 · d830fa4 · d830fa4
1 parent c9fe6b5
commit d830fa4
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/src/components/CountUp.vue b/src/components/CountUp.vue
@@ -1,5 +1,5 @@
 <template>
-    <span v-if="isNum" ref="output">{{ output }}</span> <span v-if="isNum">{{ unit }}</span>
+    <span v-if="isNum" ref="output">{{ outputFixed }}</span> <span v-if="isNum">{{ unit }}</span>
     <span v-else>{{ value }}</span>
 </template>
 
@@ -37,6 +37,19 @@ export default {
         isNum() {
             return typeof this.value === "number";
         },
+        outputFixed() {
+            if (typeof this.output === "number") {
+                if (this.output < 1) {
+                    return "<1";
+                } else if (Number.isInteger(this.output)) {
+                    return this.output;
+                } else {
+                    return this.output.toFixed(2);
+                }
+            } else {
+                return this.output;
+            }
+        }
     },
 
     watch: {