code refactor

src/views/mobile/ExchangeRatesPage.vue

@@ -16,7 +16,7 @@
             >
                 <template #title>
                     <div class="no-padding no-margin">
-                        <span>{{ $t(`currency.${baseCurrency}`) }}&nbsp;</span>
+                        <span>{{ getCurrencyName(baseCurrency) }}&nbsp;</span>
                         <small class="smaller">{{ baseCurrency }}</small>
                     </div>
                 </template>
@@ -207,6 +207,9 @@ export default {
                 }
             });
         },
+        getCurrencyName(currencyCode) {
+            return this.$locale.getCurrencyName(currencyCode);
+        },
         getConvertedAmount(toExchangeRate) {
             const fromExchangeRate = this.exchangeRatesStore.latestExchangeRateMap[this.baseCurrency];
             return getConvertedAmount(this.baseAmount / 100, fromExchangeRate, toExchangeRate);

src/views/mobile/SignupPage.vue

@@ -80,7 +80,7 @@
             >
                 <template #title>
                     <f7-block class="no-padding no-margin">
-                        <span>{{ $t(`currency.${user.defaultCurrency}`) }}&nbsp;</span>
+                        <span>{{ getCurrencyName(user.defaultCurrency) }}&nbsp;</span>
                         <small class="smaller">{{ user.defaultCurrency }}</small>
                     </f7-block>
                 </template>
@@ -399,6 +399,9 @@ export default {
                 }
             });
         },
+        getCurrencyName(currencyCode) {
+            return this.$locale.getCurrencyName(currencyCode);
+        },
         getCategoryTypeName(categoryType) {
             switch (categoryType) {
                 case categoryConstants.allCategoryTypes.Income.toString():

src/views/mobile/accounts/EditPage.vue

@@ -164,7 +164,7 @@
             >
                 <template #title>
                     <div class="no-padding no-margin">
-                        <span>{{ $t(`currency.${account.currency}`) }}&nbsp;</span>
+                        <span>{{ getCurrencyName(account.currency) }}&nbsp;</span>
                         <small class="smaller">{{ account.currency }}</small>
                     </div>
                 </template>
@@ -357,7 +357,7 @@
                 >
                     <template #title>
                         <div class="no-padding no-margin">
-                            <span>{{ $t(`currency.${subAccount.currency}`) }}&nbsp;</span>
+                            <span>{{ getCurrencyName(subAccount.currency) }}&nbsp;</span>
                             <small class="smaller">{{ subAccount.currency }}</small>
                         </div>
                     </template>
@@ -712,6 +712,9 @@ export default {
                 }
             });
         },
+        getCurrencyName(currencyCode) {
+            return this.$locale.getCurrencyName(currencyCode);
+        },
         getAccountTypeName(accountType) {
             const typeName = getNameByKeyValue(this.allAccountTypesArray, accountType, 'id', 'name');
             return this.$t(typeName);

src/views/mobile/users/UserProfilePage.vue

@@ -129,7 +129,7 @@
             >
                 <template #title>
                     <f7-block class="no-padding no-margin">
-                        <span>{{ $t(`currency.${newProfile.defaultCurrency}`) }}&nbsp;</span>
+                        <span>{{ getCurrencyName(newProfile.defaultCurrency) }}&nbsp;</span>
                         <small class="smaller">{{ newProfile.defaultCurrency }}</small>
                     </f7-block>
                 </template>
@@ -456,6 +456,9 @@ export default {
         getNameByKeyValue(src, value, keyField, nameField, defaultName) {
             return getNameByKeyValue(src, value, keyField, nameField, defaultName);
         },
+        getCurrencyName(currencyCode) {
+            return this.$locale.getCurrencyName(currencyCode);
+        },
         setCurrentUserProfile(profile) {
             this.oldProfile.email = profile.email;
             this.oldProfile.nickname = profile.nickname;