component.vue

<template>
  <div>
    <input name="name" v-model="name" />
    <input name="surname" v-model="surname" />
    <input name="email" v-model="email" />
    <input name="age" v-model="age" />
    <input name="address" v-model="address" />
  </div>
</template>

<script>
export default {
  computed: {
    name: {
      get () {
        return this.$store.state.name
      },
      set (val) {
        this.$store.commit('setName', val)
      }
    },
    surname: {
      get () {
        return this.$store.state.surname
      },
      set (val) {
        this.$store.commit('setSurname', val)
      }
    },
    email: {
      get () {
        return this.$store.state.email
      },
      set (val) {
        this.$store.commit('setEmail', val)
      }
    },
    age: {
      get () {
        return this.$store.state.age
      },
      set (val) {
        this.$store.commit('setAge', val)
      }
    },
    address: {
      get () {
        return this.$store.state.address
      },
      set (val) {
        this.$store.commit('setAddress', val)
      }
    }
  }
}
</script>