code refactor

src/views/mobile/accounts/EditPage.vue

@@ -421,6 +421,7 @@
 
 <script>
 import { mapStores } from 'pinia';
+import { useSettingsStore } from '@/stores/setting.js';
 import { useUserStore } from '@/stores/user.js';
 import { useAccountsStore } from '@/stores/account.js';
 
@@ -467,7 +468,7 @@ export default {
         };
     },
     computed: {
-        ...mapStores(useUserStore, useAccountsStore),
+        ...mapStores(useSettingsStore, useUserStore, useAccountsStore),
         title() {
             if (!this.editAccountId) {
                 return 'Add Account';
@@ -720,7 +721,13 @@ export default {
             return this.$t(categoryName);
         },
         getAccountBalance(account) {
-            return this.$locale.getDisplayCurrency(account.balance, account.currency)
+            return this.getDisplayCurrency(account.balance, account.currency);
+        },
+        getDisplayCurrency(value, currencyCode) {
+            return this.$locale.getDisplayCurrency(value, currencyCode, {
+                currencyDisplayMode: this.settingsStore.appSettings.currencyDisplayMode,
+                enableThousandsSeparator: this.settingsStore.appSettings.thousandsSeparator
+            });
         },
         chooseSuitableIcon(oldCategory, newCategory) {
             for (let i = 0; i < this.allAccountCategories.length; i++) {

src/views/mobile/accounts/ListPage.vue

@@ -223,15 +223,15 @@ export default {
         },
         netAssets() {
             const netAssets = this.accountsStore.getNetAssets(this.showAccountBalance);
-            return this.$locale.getDisplayCurrency(netAssets, this.defaultCurrency);
+            return this.getDisplayCurrency(netAssets, this.defaultCurrency);
         },
         totalAssets() {
             const totalAssets = this.accountsStore.getTotalAssets(this.showAccountBalance);
-            return this.$locale.getDisplayCurrency(totalAssets, this.defaultCurrency);
+            return this.getDisplayCurrency(totalAssets, this.defaultCurrency);
         },
         totalLiabilities() {
             const totalLiabilities = this.accountsStore.getTotalLiabilities(this.showAccountBalance);
-            return this.$locale.getDisplayCurrency(totalLiabilities, this.defaultCurrency);
+            return this.getDisplayCurrency(totalLiabilities, this.defaultCurrency);
         },
         showAccountBalance: {
             get: function () {
@@ -305,11 +305,11 @@ export default {
         },
         accountBalance(account) {
             const balance = this.accountsStore.getAccountBalance(this.showAccountBalance, account);
-            return this.$locale.getDisplayCurrency(balance, account.currency);
+            return this.getDisplayCurrency(balance, account.currency);
         },
         accountCategoryTotalBalance(accountCategory) {
             const totalBalance = this.accountsStore.getAccountCategoryTotalBalance(this.showAccountBalance, accountCategory);
-            return this.$locale.getDisplayCurrency(totalBalance, this.defaultCurrency);
+            return this.getDisplayCurrency(totalBalance, this.defaultCurrency);
         },
         setSortable() {
             if (this.sortable) {
@@ -427,6 +427,12 @@ export default {
                 }
             });
         },
+        getDisplayCurrency(value, currencyCode) {
+            return this.$locale.getDisplayCurrency(value, currencyCode, {
+                currencyDisplayMode: this.settingsStore.appSettings.currencyDisplayMode,
+                enableThousandsSeparator: this.settingsStore.appSettings.thousandsSeparator
+            });
+        },
         getAccountDomId(account) {
             return 'account_' + account.id;
         },