From a2bc10aa18d4daca8728bd1cb8de3037fb90fbf7 Mon Sep 17 00:00:00 2001
From: Simon Reinisch <simon@reinisch.io>
Date: Fri, 29 Dec 2023 18:55:03 +0100
Subject: [PATCH] fix: update number formats for german

add missing currency display in CurrencyCell
---
 src/app/components/base/currency-cell/CurrencyCell.vue | 10 +++++++---
 src/i18n/locales/de.json                               |  4 ++--
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/app/components/base/currency-cell/CurrencyCell.vue b/src/app/components/base/currency-cell/CurrencyCell.vue
index 9e8ebe6d..d8a65b9a 100644
--- a/src/app/components/base/currency-cell/CurrencyCell.vue
+++ b/src/app/components/base/currency-cell/CurrencyCell.vue
@@ -15,6 +15,7 @@
 <script lang="ts" setup>
 import { computed, nextTick, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
+import { useDataStore } from '@store/state';
 
 const modelValue = defineModel<number | undefined>();
 
@@ -29,11 +30,14 @@ const props = withDefaults(
 
 const input = ref<HTMLInputElement>();
 const focused = ref(false);
+const { state } = useDataStore();
 const { n } = useI18n();
 
-const value = computed(() => {
-  return focused.value || !modelValue.value ? modelValue.value || '' : n(modelValue.value, 'currency');
-});
+const value = computed(() =>
+  focused.value || !modelValue.value
+    ? modelValue.value || ''
+    : n(modelValue.value, { key: 'currency', currency: state.currency })
+);
 
 const updateModelValue = (raw?: string) => {
   const number = Number(raw?.trim() || NaN);
diff --git a/src/i18n/locales/de.json b/src/i18n/locales/de.json
index ec32c9d9..257f5f7e 100644
--- a/src/i18n/locales/de.json
+++ b/src/i18n/locales/de.json
@@ -3,11 +3,11 @@
     "currency": {
       "currency": "USD",
       "minimumFractionDigits": 0,
-      "style": "Währung"
+      "style": "currency"
     },
     "percent": {
       "maximumFractionDigits": 0,
-      "style": "Prozent"
+      "style": "percent"
     }
   },
   "navigation": {