import { createStore } from 'vuex';

const store = createStore({
  // 애플리케이션의 상태(state)를 정의합니다
  state: {
    count: 0,
  },
  // 상태를 변경하는 방법을 정의하는 mutations
  mutations: {
    increment(state) {
      state.count++;
    },
    decrement(state) {
      state.count--;
    },
  },
  // 액션을 통해 비동기적으로 상태를 변경하는 방법을 정의하는 actions
  actions: {
    incrementAsync({ commit }) {
      setTimeout(() => {
        commit('increment');
      }, 1000);
    },
    decrementAsync({ commit }) {
      setTimeout(() => {
        commit('decrement');
      }, 1000);
    },
  },
  // computed 속성과 비슷한 역할을 하는 getters를 정의
  getters: {
    getCount(state) {
      return state.count;
    },
  },
});

export default store;