Может кого-то забанили на поиске. Всё написано на странице плагина npmjs.com/package vuex-persistedstate.
Но вот рецепт:
./plugins/localStorage.js
//import { Store } from "vuex";
import createPersistedState from 'vuex-persistedstate'
//это было в примере удалите если ненужно
import SecureLS from 'secure-ls'
var ls = new SecureLS({ isCompression: false })
export default ({store}) => {
createPersistedState({
storage: {
getItem: (key) => ls.get(key),
setItem: (key, value) => ls.set(key, value),
removeItem: (key) => ls.remove(key),
},
key: 'yourkey',
//paths: [...],
})(store)
}
стандартно подключаем наш plugin
./nuxt.config.js
plugins: {
{ src: '~/plugins/localStorage.js', ssr: false },
}
Но я искал пример его использования в шаблоне. Написал ответ случайно.
Например у прекрасного плагина cookie-universal-nuxt есть пример
yarn add cookie-universal-nuxt
./pages/home.vue
<template />
<script>
computed: {
...mapState([
'storage'
])
},
mounted () {
const self = this
window.onNuxtReady(() => {
console.log(self.storage)
})
}
</script>
и всё прекрасно работает
