From 427e7e5359cbd5b61029e82c4c4eb174f987c708 Mon Sep 17 00:00:00 2001
From: Jan Bader <jan@javil.eu>
Date: Mon, 7 Feb 2022 16:38:26 +0000
Subject: [PATCH] Extract value formatting to computed property

---
 web/src/components/Currency.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/web/src/components/Currency.vue b/web/src/components/Currency.vue
index ca60b55..c3ddb06 100644
--- a/web/src/components/Currency.vue
+++ b/web/src/components/Currency.vue
@@ -2,11 +2,18 @@
 import { defineComponent } from "vue";
 
 export default defineComponent({
-    props: ["value"]
+    props: ["value"],
+    computed: {
+        formattedValue() {
+            return this.value.toLocaleString(undefined, {
+                minimumFractionDigits: 2,
+            });
+        }
+    }
 })
 
 </script>
 
 <template>
-    <span :class="value < 0 ? 'negative' : ''">{{value.toLocaleString(undefined, {minimumFractionDigits: 2,})}} €</span>
+    <span class="text-right" :class="value < 0 ? 'negative' : ''">{{formattedValue}} €</span>
 </template>
\ No newline at end of file