Ответы пользователя по тегу Vuex
  • Как в Nuxt в vuex добавить плагин если там нет store index.js?

    @golentor
    Может кого-то забанили на поиске. Всё написано на странице плагина 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>


    и всё прекрасно работает
    Ответ написан
    Комментировать