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
  }
 })