Soy bastante nuevo con Vue y Vuex, estoy teniendo este error de consola después de cometer una mutación declarada en la tienda, que por cierto, además del error de consola está haciendo su trabajo . El error que es: ReferenceError: ADD_EVENT is not defined at eval (EventCreate.vue?89e7:82:1) , se explica por sí mismo. Probablemente me estoy saltando un paso o llamando a algo en el lugar equivocado, pero todo parece estar en su lugar, así que aquí está mi código: la tienda:
import { createStore } from 'vuex' export default createStore({ state: { user: 'TommyDemian', events: [] }, mutations: { ADD_EVENT(state, event){ state.events.push(event); } }, getters: { }, actions: { }, modules: { } })El componente que comete la mutación:
export default { name:'EventCreate', setup () { const store = useStore(); const onSubmit = () => { event.organizer = store.state.user; event.id = uuidv4(); apiClient.postEvent(event).then(() => { store.commit(ADD_EVENT, event); }) .catch((error) => console.log(error)); }; const event = reactive ({ id: '', category: '', title: '', description: '', location: '', date: '', time: '', organizer: '' }); return { onSubmit, categories, event, store, } } } </script>Estás llamando a una variable ADD_EVENT . En su lugar, debe pasar la cadena de su método de mutación.
store.commit("ADD_EVENT", event);