shinnoske0727
9/12/2018 - 4:24 AM

cookieでvuexのstoreをリロードしても維持する方法 ref: https://qiita.com/kiyoshidainagon/items/97c7a2ea298566e06607

cookieでvuexのstoreをリロードしても維持する方法 ref: https://qiita.com/kiyoshidainagon/items/97c7a2ea298566e06607

file0.txt
content_copyfile_download
import Vue from "vue";
import Vuex from "vuex";
import createPersistedState from 'vuex-persistedstate'

const store = new Vuex.Store({
  // ...
  plugins: [createPersistedState()]
})
file1.txt
content_copyfile_download
import Vue from "vue";
import Vuex from "vuex";
import createPersistedState from 'vuex-persistedstate'
import Cookies from "js-cookie"


const options = {
  reducer: state => ({
    hoge: state.hoge,
    fuga: state.fuga
  }),
  storage: {
    getItem: key => Cookies.get(key),
    setItem: (key, value) => Cookies.set(key, value, { expires: 365 }),
    removeItem: key => Cookies.remove(key)
  }
}

const store = new Vuex.Store({
  // ...

  plugins: [createPersistedState(options)]
})