Javascript 为什么在这个 Vuex 变异提交之后会显示这个控制台错误

我是Vue和Vuex的新手，我在store 里committing a declared Mutation后出现了这个控制台错误，顺便说一下，是besides from the console error is doing its job.错误是:ReferenceError: ADD_EVENT is not defined at eval (EventCreate.vue?89e7:82:1)，这几乎是不言而喻的.

import { createStore } from 'vuex'

export default createStore({
  state: {
    user: 'TommyDemian',
    events: []
  },
  mutations: {
    ADD_EVENT(state, event){
      state.events.push(event);

    }
  },
  getters: {
  },
  actions: {
  },
  modules: {
  }
})

The component committing the mutation:

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>