import Vue from "vue";
import Vuex from "vuex";
import VuexPersistence from "vuex-persist";
const vuexLocal = new VuexPersistence({
  storage: window.sessionStorage,
});

Vue.use(Vuex);

const store = new Vuex.Store({
  state: {
    urlId: "",
    platFrom: "", // 首頁平臺
    href: "",
    artPlatFrom: "", // 文章平臺
    firstUrl: "", // 第一次進入時的連結
    homePageName: "", // 首頁標題
    homeDesc: "", // 首頁描述
    contextPath: "", // 首頁介面給的變數
    artcleTitle: "", // 文章標題
    activeName: "", // 欄目id
    otherParam: ""
  },
  getter: {
    getUrlId(state) {
      return state.urlId;
    },
    getPlatFrom(state) {
      return state.platFrom;
    },
    getHref(state) {
      return state.href;
    },
    getArtPlatFrom(state) {
      return state.artPlatFrom;
    },
    getFirstUrl(state) {
      return state.firstUrl;
    },
    getHomePageName(state) {
      return state.homePageName;
    },
    getHomeDesc(state) {
      return state.homeDesc;
    },
    getContextPath(state) {
      return state.contextPath;
    },
    getOtherParam(state){
      return state.otherParam
    },
    getArtcleTitle(state) {
      return state.artcleTitle
    },
    getActiveName(state){
      return state.activeName
    }
  },
  mutations: {
    setUrlId(state, value) {
      state.urlId = value;
    },
    setPlatFrom(state, value) {
      state.platFrom = value;
    },
    setHref(state, value) {
      state.href = value;
    },
    setArtPlatFrom(state, value) {
      state.artPlatFrom = value;
    },
    setFirstUrl(state, value) {
      state.firstUrl = value;
    },
    setHomePageName(state, value) {
      state.homePageName = value;
    },
    setHomeDesc(state, value) {
      state.homeDesc = value;
    },
    setContextPath(state, value) {
      state.contextPath = value;
    },
    setOtherParam(state, value){
      state.otherParam = value
    },
    setArtcleTitle(state, value){
      state.artcleTitle = value
    },
    setActiveName(state, value) {
      state.activeName = value
    }
  },
  actions: {
    setUrlIdAction({ commit }, value) {
      commit("setUrlId", value);
    },
    setPlatFromAction({ commit }, value) {
      commit("setPlatFrom", value);
    },
    setHrefAction({ commit }, value) {
      commit("setHref", value);
    },
    setArtPlatFromAction({ commit }, value) {
      commit("setArtPlatFrom", value);
    },
    setFirstUrlAction({ commit }, value) {
      commit("setFirstUrl", value);
    },
    setHomePageNameAction({ commit }, value) {
      commit("setHomePageName", value);
    },
    setHomeDescAction({ commit }, value) {
      commit("setHomeDesc", value);
    },
    setContextPathAction({ commit }, value) {
      commit("setContextPath", value);
    },
    setOtherParamAction({ commit }, value) {
      commit("setOtherParam", value)
    },
    setArtcleTitleAction({ commit }, value) {
      commit("setArtcleTitle", value)
    },
    setActiveNameAction({ commit }, value) {
      commit("setActiveName", value)
    }
  },
  plugins: [vuexLocal.plugin],
});
export default store;