Импорт плагинов Vuex без определения магазина

Question

, поэтому один из моих модулей магазина выглядит следующим образом

export const state = () => ({
  posts: []
})

export const getters = {}

export const actions = {}

export const mutations = {
  fetchedPosts(state, posts) {
    state.posts = posts
    console.log("fetched")
  },

  pushPost(state, post) {
    state.posts.push(post)
    console.log("pushed")
  }
}

Я хочу использовать плагин vuex-persistedstate, но, следуя их документам и документам Vuex Plugin https://vuex.vuejs.org/guide/plugins.html, я не нашел способаиспользовать плагин в моем магазине, спасибо заранее.

Answer 1

Вам просто нужно упомянуть об этом один раз в вашем store/index.js:

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
import createPersistedState from 'vuex-persistedstate'
import posts from '~/store/posts.store'

....

export default new Vuex.Store({
  state:     { ... },
  mutations: { ... },
  actions: { ... }, 
  modules: { 
    posts,
    ... 
  },
  plugins: [createPersistedState()]
})

в вашем модуле сообщений:

const state = () => ({ ... })
const getters = { ... }
const mutations = { ... }
const actions = { ... }
export default { namespaced: true, state, getters, actions, mutations }    

, который работает для меня.