From 0cbe7b1655701aa188a27081d7b5f3a4cc267784 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Fri, 30 Jun 2023 23:41:33 +0800
Subject: [PATCH] code refactor

---
 .../desktop/app/settings/AppBasicSettingTab.vue |  9 +++++++++
 .../user/settings/UserBasicSettingTab.vue       | 17 ++++++++++++++---
 2 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/src/views/desktop/app/settings/AppBasicSettingTab.vue b/src/views/desktop/app/settings/AppBasicSettingTab.vue
index 1a305fb3..32f2d9c4 100644
--- a/src/views/desktop/app/settings/AppBasicSettingTab.vue
+++ b/src/views/desktop/app/settings/AppBasicSettingTab.vue
@@ -9,6 +9,7 @@
                                 <v-select
                                     item-title="displayName"
                                     item-value="value"
+                                    persistent-placeholder
                                     :label="$t('Theme')"
                                     :placeholder="$t('Theme')"
                                     :items="[
@@ -24,6 +25,7 @@
                                 <v-autocomplete
                                     item-title="displayNameWithUtcOffset"
                                     item-value="name"
+                                    persistent-placeholder
                                     :label="$t('Timezone')"
                                     :placeholder="$t('Timezone')"
                                     :items="allTimezones"
@@ -36,6 +38,7 @@
                                 <v-select
                                     item-title="displayName"
                                     item-value="value"
+                                    persistent-placeholder
                                     :label="$t('Auto-update Exchange Rates Data')"
                                     :placeholder="$t('Auto-update Exchange Rates Data')"
                                     :items="enableDisableOptions"
@@ -47,6 +50,7 @@
                                 <v-select
                                     item-title="displayName"
                                     item-value="value"
+                                    persistent-placeholder
                                     :label="$t('Enable Thousands Separator')"
                                     :placeholder="$t('Enable Thousands Separator')"
                                     :items="enableDisableOptions"
@@ -58,6 +62,7 @@
                                 <v-select
                                     item-title="displayName"
                                     item-value="value"
+                                    persistent-placeholder
                                     :label="$t('Currency Display Mode')"
                                     :placeholder="$t('Currency Display Mode')"
                                     :items="[
@@ -74,6 +79,7 @@
                                 <v-select
                                     item-title="displayName"
                                     item-value="value"
+                                    persistent-placeholder
                                     :label="$t('Show Account Balance')"
                                     :placeholder="$t('Show Account Balance')"
                                     :items="enableDisableOptions"
@@ -95,6 +101,7 @@
                                 <v-select
                                     item-title="displayName"
                                     item-value="value"
+                                    persistent-placeholder
                                     :label="$t('Show Amount')"
                                     :placeholder="$t('Show Amount')"
                                     :items="enableDisableOptions"
@@ -116,6 +123,7 @@
                                 <v-select
                                     item-title="displayName"
                                     item-value="value"
+                                    persistent-placeholder
                                     :label="$t('Show Monthly Total Amount')"
                                     :placeholder="$t('Show Monthly Total Amount')"
                                     :items="enableDisableOptions"
@@ -137,6 +145,7 @@
                                 <v-select
                                     item-title="displayName"
                                     item-value="value"
+                                    persistent-placeholder
                                     :label="$t('Automatically Add Geolocation')"
                                     :placeholder="$t('Automatically Add Geolocation')"
                                     :items="enableDisableOptions"
diff --git a/src/views/desktop/user/settings/UserBasicSettingTab.vue b/src/views/desktop/user/settings/UserBasicSettingTab.vue
index a0a8c333..983fd795 100644
--- a/src/views/desktop/user/settings/UserBasicSettingTab.vue
+++ b/src/views/desktop/user/settings/UserBasicSettingTab.vue
@@ -15,6 +15,7 @@
                                     type="text"
                                     autocomplete="nickname"
                                     clearable
+                                    persistent-placeholder
                                     :disabled="loading || saving"
                                     :label="$t('Nickname')"
                                     :placeholder="$t('Your nickname')"
@@ -27,6 +28,7 @@
                                     type="email"
                                     autocomplete="email"
                                     clearable
+                                    persistent-placeholder
                                     :disabled="loading || saving"
                                     :label="$t('E-mail')"
                                     :placeholder="$t('Your email address')"
@@ -38,6 +40,7 @@
                                 <v-select
                                     item-title="name"
                                     item-value="id"
+                                    persistent-placeholder
                                     :disabled="loading || saving"
                                     :label="$t('Default Account')"
                                     :placeholder="$t('Default Account')"
@@ -55,6 +58,7 @@
                                 <v-select
                                     item-title="name"
                                     item-value="value"
+                                    persistent-placeholder
                                     :disabled="loading || saving"
                                     :label="$t('Editable Transaction Scope')"
                                     :placeholder="$t('Editable Transaction Scope')"
@@ -73,6 +77,7 @@
                                 <v-select
                                     item-title="displayName"
                                     item-value="code"
+                                    persistent-placeholder
                                     :disabled="loading || saving"
                                     :label="$t('Language')"
                                     :placeholder="$t('Language')"
@@ -85,6 +90,7 @@
                                 <v-autocomplete
                                     item-title="displayName"
                                     item-value="code"
+                                    persistent-placeholder
                                     :disabled="loading || saving"
                                     :label="$t('Default Currency')"
                                     :placeholder="$t('Default Currency')"
@@ -98,6 +104,7 @@
                                 <v-select
                                     item-title="displayName"
                                     item-value="type"
+                                    persistent-placeholder
                                     :disabled="loading || saving"
                                     :label="$t('First Day of Week')"
                                     :placeholder="$t('First Day of Week')"
@@ -112,6 +119,7 @@
                                 <v-select
                                     item-title="displayName"
                                     item-value="type"
+                                    persistent-placeholder
                                     :disabled="loading || saving"
                                     :label="$t('Long Date Format')"
                                     :placeholder="$t('Long Date Format')"
@@ -124,6 +132,7 @@
                                 <v-select
                                     item-title="displayName"
                                     item-value="type"
+                                    persistent-placeholder
                                     :disabled="loading || saving"
                                     :label="$t('Short Date Format')"
                                     :placeholder="$t('Short Date Format')"
@@ -136,6 +145,7 @@
                                 <v-select
                                     item-title="displayName"
                                     item-value="type"
+                                    persistent-placeholder
                                     :disabled="loading || saving"
                                     :label="$t('Long Time Format')"
                                     :placeholder="$t('Long Time Format')"
@@ -148,6 +158,7 @@
                                 <v-select
                                     item-title="displayName"
                                     item-value="type"
+                                    persistent-placeholder
                                     :disabled="loading || saving"
                                     :label="$t('Short Time Format')"
                                     :placeholder="$t('Short Time Format')"
@@ -191,8 +202,8 @@ export default {
 
         return {
             newProfile: {
-                email: ' ',
-                nickname: self.$t('Your nickname'),
+                email: '',
+                nickname: '',
                 defaultAccountId: 0,
                 transactionEditScope: 1,
                 language: '',
@@ -205,7 +216,7 @@ export default {
             },
             oldProfile: {
                 email: '',
-                nickname: self.$t('Your nickname'),
+                nickname: '',
                 defaultAccountId: 0,
                 transactionEditScope: 1,
                 language: '',