Как получить данные локального хранилища в состоянии vuex с Nuxt.js

Question

Я строю корзину с Nuxt. но когда я обновляю страницу, корзина автоматически опустошается.

Я пробую библиотеки как vuex-persist, vuex-persistedstate ... но у меня не было решения.

Теперь я ищу способ получить начальное состояние корзины прямо из локального хранилища, как это.

state: {
      cart: [] //here what i want => window.localStorage.getItem("cart")
    }

Большое спасибо.

Answer 1

Вы можете получить доступ к localStorage только в браузере. Это не доступно во время SSR. Поэтому вам нужно создать мутацию в хранилище vuex, которая будет делать то, что вы хотите, и зафиксировать ее в смонтированном хуке (монтируется только в браузере).

* 1003 Е.Г. *

...
mounted() {
 this.$store.commit('myMutation', window.localStorage.getItem("cart")
}