fix the problem that the time zone setting did not take effect immediately

src/views/mobile/SettingsPage.vue

@@ -90,6 +90,9 @@ import { mapStores } from 'pinia';
 import { useRootStore } from '@/stores/index.js';
 import { useSettingsStore } from '@/stores/setting.js';
 import { useUserStore } from '@/stores/user.js';
+import { useTransactionsStore } from '@/stores/transaction.js';
+import { useOverviewStore } from '@/stores/overview.js';
+import { useStatisticsStore } from '@/stores/statistics.js';
 import { useExchangeRatesStore } from '@/stores/exchangeRates.js';
 
 import currencyConstants from '@/consts/currency.js';
@@ -108,7 +111,7 @@ export default {
         };
     },
     computed: {
-        ...mapStores(useRootStore, useSettingsStore, useUserStore, useExchangeRatesStore),
+        ...mapStores(useRootStore, useSettingsStore, useUserStore, useTransactionsStore, useOverviewStore, useStatisticsStore, useExchangeRatesStore),
         version() {
             return 'v' + this.$version;
         },
@@ -141,6 +144,10 @@ export default {
             },
             set: function (value) {
                 this.settingsStore.setTimeZone(value);
+                this.$locale.setTimeZone(value);
+                this.transactionsStore.updateTransactionListInvalidState(true);
+                this.overviewStore.updateTransactionOverviewInvalidState(true);
+                this.statisticsStore.updateTransactionStatisticsInvalidState(true);
             }
         },
         exchangeRatesLastUpdateDate() {