fix: default value in store, save on mount (#141)

Author: ydcjeff

src/components/FormInput.vue

@@ -37,7 +37,7 @@
 </template>
 
 <script>
-import { computed, ref, toRefs } from 'vue'
+import { computed, onMounted, ref, toRefs } from 'vue'
 import { saveConfig } from '../store'
 export default {
   props: {
@@ -65,10 +65,13 @@ export default {
   setup(props) {
     const { label, type, saveKey, required, defaultV } = toRefs(props)
     const inputted = ref('')
-    if (defaultV.value.length > 0 || defaultV.value) {
-      inputted.value = defaultV.value
-      saveConfig(saveKey.value, inputted.value)
-    }
+
+    onMounted(() => {
+      if (defaultV.value.length > 0 || defaultV.value) {
+        inputted.value = defaultV.value
+        saveConfig(saveKey.value, inputted.value)
+      }
+    })
 
     const saveInput = () => saveConfig(saveKey.value, inputted.value)
     const inputId = computed(() => saveKey.value + '-input-' + type.value)

src/components/TabLoggers.vue

@@ -5,15 +5,11 @@
       type="text"
       :label="output_dir.description"
       :saveKey="output_dir.name"
-      :defaultV="output_dir.default"
-      required
     />
     <FormInput
       type="number"
       :label="log_every_iters.description"
       :saveKey="log_every_iters.name"
-      :defaultV="log_every_iters.default"
-      required
     />
     <FormSelect
       :label="logger.description"

src/store.js

@@ -41,7 +41,9 @@ export const store = reactive({
   code: {},
   config: {
     template: '',
-    include_test: false
+    include_test: false,
+    output_dir: './logs',
+    log_every_iters: 2
   }
 })