import { createStore } from "vuex";

const store = createStore({
  state: {
    isLogin: false,
    firstTitle: "",
    secondTitle: "",
    currentMenuItem: "/index",
    isLoading: false,
  },
  mutations: {
    changefirstTitle(state, text) {
      state.firstTitle = text;
    },
    changeTitleSecond(state, text) {
      state.secondTitle = text;
    },
    changeLogin(state, b) {
      state.isLogin = b;
    },
    setCurrentMenuItem(state, index) {
      state.currentMenuItem = index;
    },
    changeLoading(state, b) {
      state.isLoading = b;
    },
  },
  actions: {
    Login({ commit }, userInfo) {
      return new Promise((resolve, reject) => {
        localStorage.setItem("id", 1);
        commit("changeLogin", true);
        resolve(1);
      });
    },
    LogOut({ commit }) {
      return new Promise((resolve, reject) => {
        commit("changeLogin", false);
        localStorage.removeItem("id");
        resolve(0);
      });
    },
  },
});

export default store;