From d830fa4a0e2d3a98617d94daad725419f2112fd8 Mon Sep 17 00:00:00 2001
From: Nelson Chan <3271800+chakflying@users.noreply.github.com>
Date: Thu, 21 Dec 2023 20:09:59 +0800
Subject: [PATCH] Feat: `Countup` display fixed value (#4266)

---
 src/components/CountUp.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/CountUp.vue b/src/components/CountUp.vue
index 9ce68507..3bd01075 100644
--- 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: {