support setting decimal separator and digit grouping symbol

src/components/desktop/PieChart.vue

@@ -8,6 +8,7 @@ import { useTheme } from 'vuetify';
 
 import { mapStores } from 'pinia';
 import { useSettingsStore } from '@/stores/setting.js';
+import { useUserStore } from '@/stores/user.js';
 
 import colorConstants from '@/consts/color.js';
 import { formatPercent } from '@/lib/numeral.js';
@@ -37,7 +38,7 @@ export default {
         };
     },
     computed: {
-        ...mapStores(useSettingsStore),
+        ...mapStores(useSettingsStore, useUserStore),
         isDarkMode() {
             return this.globalTheme.global.name.value === 'dark';
         },
@@ -289,10 +290,7 @@ export default {
             return color;
         },
         getDisplayCurrency(value, currencyCode) {
-            return this.$locale.getDisplayCurrency(value, currencyCode, {
-                currencyDisplayMode: this.settingsStore.appSettings.currencyDisplayMode,
-                enableThousandsSeparator: this.settingsStore.appSettings.thousandsSeparator
-            });
+            return this.$locale.formatAmountWithCurrency(this.settingsStore, this.userStore, value, currencyCode);
         }
     }
 }