Change value in input on click?

Question

Vue.js

Store:

export default {
    actions:{
        addNumber(ctx){
            const number=[32,35]
            ctx.commit('allNumber',number)
        }
    },
    mutations:{
        allNumber(state,number){
            state.numbers = number
        }
    },
    state:{
        numbers:[],
        change:[]

    },
    getters:{
        number(state){
            return state.numbers
        },
     
    }
}

App:

<div>
    <input type="text" class="first" value="num" >
    <input type="text" class="second">=
    <input type="text" class="third"><br>
      <div  v-for="num in number">
        <button>{{num}}</button>
     </div>
</div>

import {mapGetters,mapActions} from 'vuex'

export default {
  name: 'App',
  computed:mapGetters(['number']),

  methods: {
    ...mapActions(["addNumber"]),
  },
  async mounted() {
    this.addNumber()
  },
}

How can I make it so that when the button with the value 32 is pressed, its "value" value in the input field also changes to 32, and then when the button "35" is clicked, the value becomes "3235" (like a calculator)?
Addition: So that, for example, all values ​​​​are entered into the change array when the button is clicked through action and from there they are thrown into the value field of the input

Answer 1

mutations: {
  add: ({ change }, val) => change.push(val),
},

<input :value="$store.state.change.join('')">
<div v-for="n in $store.state.numbers">
  <button @click="$store.commit('add', n)">{{ n }}</button>
</div>