From 1e30dc00058c4f5716dbaf2a32a5d38573b22eaa Mon Sep 17 00:00:00 2001
From: tonyaellie <tonya@tokia.dev>
Date: Sat, 24 May 2025 14:20:27 +0000
Subject: [PATCH] fix: remove some of the logs from the console so its more
 usable

---
 frontend/components/Item/View/Table.vue |  2 --
 frontend/components/global/Currency.vue | 32 ++++++++++++++++++++-----
 frontend/locales/en.json                |  3 ++-
 3 files changed, 28 insertions(+), 9 deletions(-)

diff --git a/frontend/components/Item/View/Table.vue b/frontend/components/Item/View/Table.vue
index 231aa3d7..2d41a42b 100644
--- a/frontend/components/Item/View/Table.vue
+++ b/frontend/components/Item/View/Table.vue
@@ -210,8 +210,6 @@
       }))
   );
 
-  console.log(headers.value);
-
   const toggleHeader = (value: string) => {
     const header = headers.value.find(h => h.value === value);
     if (header) {
diff --git a/frontend/components/global/Currency.vue b/frontend/components/global/Currency.vue
index 2538c1c2..963d70d4 100644
--- a/frontend/components/global/Currency.vue
+++ b/frontend/components/global/Currency.vue
@@ -1,21 +1,41 @@
 <template>
-  {{ value }}
+  <Suspense>
+    <template #default>
+      {{ formattedValue }}
+    </template>
+    <template #fallback> Loading... </template>
+  </Suspense>
 </template>
 
 <script setup lang="ts">
+  import { ref, computed } from "vue";
+  import { useI18n } from "vue-i18n";
+
+  const { t } = useI18n();
+
   type Props = {
     amount: string | number;
   };
 
   const props = defineProps<Props>();
 
-  const fmt = await useFormatCurrency();
+  const fmt = ref(null);
 
-  const value = computed(() => {
-    if (!props.amount || props.amount === "0") {
-      return fmt(0);
+  const loadFormatter = async () => {
+    fmt.value = await useFormatCurrency();
+  };
+
+  loadFormatter();
+
+  const formattedValue = computed(() => {
+    if (!fmt.value) {
+      return t("global.loading");
     }
 
-    return fmt(props.amount);
+    if (!props.amount || props.amount === "0") {
+      return fmt.value(0);
+    }
+
+    return fmt.value(props.amount);
   });
 </script>
diff --git a/frontend/locales/en.json b/frontend/locales/en.json
index f07fc0e8..3335a67a 100644
--- a/frontend/locales/en.json
+++ b/frontend/locales/en.json
@@ -156,7 +156,8 @@
         "update": "Update",
         "value": "Value",
         "version": "Version: { version }",
-        "welcome": "Welcome, { username }"
+        "welcome": "Welcome, { username }",
+        "loading": "Loading..."
     },
     "home": {
         "labels": "Labels",