Optimize translation interface settings

Former-commit-id: 3ebc404e95a6fd146bf34ccf6f9b755cfd1112dd

javascript/main.entry.js.REMOVED.git-id

@@ -1 +1 @@
-8224f06d6e2a3ba62419b1844ef633646a91a6f7
+89bb43cc87af2f1fb1e871524be5c28aeb6879be

javascript/main.entry.js.map.REMOVED.git-id

@@ -1 +1 @@
-0d0b6a64898ee897b52421cd49f20c84e39ffe32
+d815964e424ab32c97b3a1b6189c42ebea523d70

src/src/components/translateSetting.vue

@@ -32,7 +32,7 @@
                 <div class="setting-line" v-for="config in configs">
                     <div class="line-title">{{ config.title }}</div>
                     <div class="line-content">
-                        <input type="text" v-if="config.type == 'input'" v-model="config.value">
+                        <input type="text" v-if="config.type == 'input'" v-model="config.value" @change="onChangeConfigValue(config)">
                         <select v-if="config.type == 'select'" v-model="config.value">
                             <option v-for="option in config.options" :value="option">{{ option }}</option>
                         </select>
@@ -172,8 +172,18 @@ Github: Physton/sd-webui-prompt-all-in-one`,
                     }
                 })
             },
+            immediate: false
         },
-        immediate: true
+        /*configs: {
+            handler: function (val, oldVal) {
+                val.forEach(config => {
+                    if (config.value === '') {
+                        config.value = config.default
+                    }
+                })
+            },
+            deep: true
+        },*/
     },
     methods: {
         open(apiKey) {
@@ -197,6 +207,11 @@ Github: Physton/sd-webui-prompt-all-in-one`,
             name += '[QPS: ' + (item.concurrent || 1) + ']'*/
             return name
         },
+        onChangeConfigValue(config) {
+            if (config.type === 'input' && config.value === '' && config.default) {
+                config.value = config.default
+            }
+        },
         refreshCSVs() {
             if (this.tagCompleteFilesLoading) return
             this.tagCompleteFilesLoading = true