Refactor number formatting in Vue components

src/utils/numbers.ts

@@ -12,17 +12,26 @@ const splitRoutePath = (routePath: string): string[] => {
     return routeArray
 }
 
-const formatNumber = (number: number): string => {
-    return new Intl.NumberFormat('id-ID').format(number)
+const formatNumber = (number: any): string => {
+    if (number == null || number === '' || isNaN(number)) {
+        return '0'
+    }else{
+        const value = parseFloat(number.toString())
+        return new Intl.NumberFormat('id-ID').format(value)
+    }
 }
 
 const formatPercentage = (number: string | number): string => {
-    const value = parseFloat(number.toString())
-    const result = `${value.toFixed(2)}`
-    if (result.includes('.00')) {
-        return `${result.replace('.00', '')}%`
-    } else {
-        return `${result}%`
+    if(number == null || number === ''){
+        return '0%'
+    }else{
+        const value = parseFloat(number.toString())
+        const result = `${value.toFixed(2)}`
+        if (result.includes('.00')) {
+          return `${result.replace('.00', '')}%`
+        } else {
+          return `${result}%`
+        }
     }
 }