From 1893f4de3df843e56d656d76d5ff03d1b0a6e922 Mon Sep 17 00:00:00 2001
From: Thomas Basler <thomas@familie-basler.net>
Date: Tue, 12 Jul 2022 21:07:46 +0200
Subject: [PATCH] webapp: apply number format based on locale in live view

---
 webapp/src/components/partials/InverterChannelInfo.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/webapp/src/components/partials/InverterChannelInfo.vue b/webapp/src/components/partials/InverterChannelInfo.vue
index 9ca6cea..ffa5320 100644
--- a/webapp/src/components/partials/InverterChannelInfo.vue
+++ b/webapp/src/components/partials/InverterChannelInfo.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="card" :class="{'border-info': channelNumber == 0}">
+    <div class="card" :class="{ 'border-info': channelNumber == 0 }">
         <div v-if="channelNumber >= 1" class="card-header">String {{ channelNumber }}</div>
         <div v-if="channelNumber == 0" class="card-header bg-info">Phase {{ channelNumber + 1 }}</div>
         <div class="card-body">
@@ -33,7 +33,9 @@ export default defineComponent({
     },
     methods: {
         formatNumber(num: string) {
-            return parseFloat(num).toFixed(2);
+            return new Intl.NumberFormat(
+                undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 }
+            ).format(parseFloat(num));
         },
     },
 });