Всем привет У меня есть попап в котором я заполняю информацию

Question

Всем привет У меня есть попап в котором я заполняю информацию

и пытаюсь ее отправить в стор и сразу же вывести на экран.

В попапе я заполняю объект с именем data и отправляю в стор так
this.$store.dispatch("crypt/addData",this.data);

Стор выглядит так
export const state = () => ({
cryptAdd: []
})

export const mutations = {
setCrypt(state, payload){
state.cryptAdd.push(payload)
},

}

export const actions = {
addData({commit}, data){
commit('setCrypt', data)
}
}

Вывести я пытаюсь его в родительском компоненте попапа так
computed: {
cryptAdd () {
return this.$store.state.cryptAdd
}
},

data() {
return {
crypts: this.cryptAdd
}
}
... и дальше циклом

Сейчас когда я заполняю поля и добавляю то ничего не происходит. Ни ошибок ни предупреждений. Что я делаю не так?