code refactor

src/views/mobile/ApplicationLockPage.vue

@@ -59,7 +59,6 @@ import logger from '@/lib/logger.ts';
 
 const { tt } = useI18n();
 const { showToast } = useI18nUIComponents();
-
 const { isSupportedWebAuthn, isEnableApplicationLock, isEnableApplicationLockWebAuthn } = useAppLockPageBase();
 
 const settingsStore = useSettingsStore();

src/views/mobile/SettingsPage.vue

@@ -87,6 +87,10 @@ import { getVersion, getDesktopVersionPath } from '@/lib/version.ts';
 import { isUserScheduledTransactionEnabled } from '@/lib/server_settings.ts';
 import { setExpenseAndIncomeAmountColor } from '@/lib/ui/common.ts';
 
+const props = defineProps<{
+    f7router: Router.Router;
+}>();
+
 const { tt, getCurrentLanguageTag, formatUnixTimeToLongDate, initLocale } = useI18n();
 const { showToast, showConfirm } = useI18nUIComponents();
 const { allTimezones, timeZone, isAutoUpdateExchangeRatesData, showAccountBalance } = useAppSettingPageBase();
@@ -96,10 +100,6 @@ const settingsStore = useSettingsStore();
 const userStore = useUserStore();
 const exchangeRatesStore = useExchangeRatesStore();
 
-const props = defineProps<{
-    f7router: Router.Router;
-}>();
-
 const version = `v${getVersion()}`;
 
 const currentLocale = ref<string>(getCurrentLanguageTag());

src/views/mobile/UnlockPage.vue

@@ -90,6 +90,10 @@ import {
 import { isModalShowing } from '@/lib/ui/mobile.ts';
 import logger from '@/lib/logger.ts';
 
+const props = defineProps<{
+    f7router: Router.Router;
+}>();
+
 const { tt, getCurrentLanguageTag, getCurrentLanguageDisplayName, getAllLanguageOptions } = useI18n();
 const { showToast, showConfirm } = useI18nUIComponents();
 const { version, pinCode, isWebAuthnAvailable, isPinCodeValid, changeLanguage, doAfterUnlocked, doRelogin } = useUnlockPageBase();
@@ -97,10 +101,6 @@ const { version, pinCode, isWebAuthnAvailable, isPinCodeValid, changeLanguage, d
 const settingsStore = useSettingsStore();
 const userStore = useUserStore();
 
-const props = defineProps<{
-    f7router: Router.Router;
-}>();
-
 const allLanguages = computed<LanguageOption[]>(() => getAllLanguageOptions(false));
 const currentLanguageCode = computed<string>(() => getCurrentLanguageTag());
 const currentLanguageName = computed<string>(() => getCurrentLanguageDisplayName());

src/views/mobile/categories/AllPage.vue

@@ -25,15 +25,15 @@ import { useI18nUIComponents } from '@/lib/ui/mobile.ts';
 
 import { useTransactionCategoriesStore } from '@/stores/transactionCategory.ts';
 
+const props = defineProps<{
+    f7router: Router.Router;
+}>();
+
 const { tt } = useI18n();
 const { showToast, routeBackOnError } = useI18nUIComponents();
 
 const transactionCategoriesStore = useTransactionCategoriesStore();
 
-const props = defineProps<{
-    f7router: Router.Router;
-}>();
-
 const loading = ref<boolean>(true);
 const loadingError = ref<unknown | null>(null);
 

src/views/mobile/users/DataManagementPage.vue

@@ -86,6 +86,10 @@ import { useUserStore } from '@/stores/user.ts';
 
 import { isDataExportingEnabled } from '@/lib/server_settings.ts';
 
+const props = defineProps<{
+    f7router: Router.Router;
+}>();
+
 const { tt } = useI18n();
 const { showToast, routeBackOnError } = useI18nUIComponents();
 const { dataStatistics, displayDataStatistics, getExportFileName } = useDataManagementPageBase();
@@ -93,10 +97,6 @@ const { dataStatistics, displayDataStatistics, getExportFileName } = useDataMana
 const rootStore = useRootStore();
 const userStore = useUserStore();
 
-const props = defineProps<{
-    f7router: Router.Router;
-}>();
-
 const loading = ref<boolean>(true);
 const loadingError = ref<unknown | null>(null);
 const exportFileType = ref<string>('csv');