code refactor

src/views/desktop/ExchangeRatesPage.vue

@@ -78,6 +78,7 @@
 
 <script>
 import { mapStores } from 'pinia';
+import { useSettingsStore } from '@/stores/setting.js';
 import { useUserStore } from '@/stores/user.js';
 import { useExchangeRatesStore } from '@/stores/exchangeRates.js';
 
@@ -102,7 +103,10 @@ export default {
         };
     },
     computed: {
-        ...mapStores(useUserStore, useExchangeRatesStore),
+        ...mapStores(useSettingsStore, useUserStore, useExchangeRatesStore),
+        isEnableThousandsSeparator() {
+            return this.settingsStore.appSettings.thousandsSeparator;
+        },
         exchangeRatesData() {
             return this.exchangeRatesStore.latestExchangeRates.data;
         },
@@ -196,7 +200,7 @@ export default {
             const rateStr = this.getConvertedAmount(toExchangeRate).toString();
 
             if (rateStr.indexOf('.') < 0) {
-                return appendThousandsSeparator(rateStr);
+                return appendThousandsSeparator(rateStr, this.isEnableThousandsSeparator);
             } else {
                 let firstNonZeroPos = 0;
 
@@ -208,7 +212,7 @@ export default {
                 }
 
                 const trimmedRateStr = rateStr.substring(0, Math.max(6, Math.max(firstNonZeroPos, rateStr.indexOf('.') + 2)));
-                return appendThousandsSeparator(trimmedRateStr);
+                return appendThousandsSeparator(trimmedRateStr, this.isEnableThousandsSeparator);
             }
         }
     }

src/views/desktop/HomePage.vue

@@ -151,12 +151,6 @@ export default {
                 this.settingsStore.setShowAmountInHomePage(value);
             }
         },
-        isEnableThousandsSeparator() {
-            return this.settingsStore.appSettings.thousandsSeparator;
-        },
-        currencyDisplayMode() {
-            return this.settingsStore.appSettings.currencyDisplayMode;
-        },
         defaultCurrency() {
             return this.userStore.currentUserDefaultCurrency;
         },
@@ -218,12 +212,18 @@ export default {
                 }
             });
         },
+        getDisplayCurrency(value, currencyCode) {
+            return this.$locale.getDisplayCurrency(value, currencyCode, {
+                currencyDisplayMode: this.settingsStore.appSettings.currencyDisplayMode,
+                enableThousandsSeparator: this.settingsStore.appSettings.thousandsSeparator
+            });
+        },
         getDisplayAmount(amount, incomplete) {
             if (!this.showAmountInHomePage) {
-                return this.$locale.getDisplayCurrency('***', this.defaultCurrency);
+                return this.getDisplayCurrency('***', this.defaultCurrency);
             }
 
-            return this.$locale.getDisplayCurrency(amount, this.defaultCurrency) + (incomplete ? '+' : '');
+            return this.getDisplayCurrency(amount, this.defaultCurrency) + (incomplete ? '+' : '');
         },
         getDisplayIncomeAmount(category) {
             return this.getDisplayAmount(category.incomeAmount, category.incompleteIncomeAmount);

src/views/desktop/user/settings/UserDataManagementSettingTab.vue

@@ -143,6 +143,7 @@
 <script>
 import { mapStores } from 'pinia';
 import { useRootStore } from '@/stores/index.js';
+import { useSettingsStore } from '@/stores/setting.js';
 import { useUserStore } from '@/stores/user.js';
 
 import {appendThousandsSeparator, isEquals} from '@/lib/common.js';
@@ -182,7 +183,10 @@ export default {
         }
     },
     computed: {
-        ...mapStores(useRootStore, useUserStore),
+        ...mapStores(useRootStore, useSettingsStore, useUserStore),
+        isEnableThousandsSeparator() {
+            return this.settingsStore.appSettings.thousandsSeparator;
+        },
         displayDataStatistics() {
             const self = this;
 
@@ -191,10 +195,10 @@ export default {
             }
 
             return {
-                totalAccountCount: appendThousandsSeparator(self.dataStatistics.totalAccountCount),
-                totalTransactionCategoryCount: appendThousandsSeparator(self.dataStatistics.totalTransactionCategoryCount),
-                totalTransactionTagCount: appendThousandsSeparator(self.dataStatistics.totalTransactionTagCount),
-                totalTransactionCount: appendThousandsSeparator(self.dataStatistics.totalTransactionCount)
+                totalAccountCount: appendThousandsSeparator(self.dataStatistics.totalAccountCount, self.isEnableThousandsSeparator),
+                totalTransactionCategoryCount: appendThousandsSeparator(self.dataStatistics.totalTransactionCategoryCount, self.isEnableThousandsSeparator),
+                totalTransactionTagCount: appendThousandsSeparator(self.dataStatistics.totalTransactionTagCount, self.isEnableThousandsSeparator),
+                totalTransactionCount: appendThousandsSeparator(self.dataStatistics.totalTransactionCount, self.isEnableThousandsSeparator)
             };
         },
         isDataExportingEnabled() {