Как при открытии сайта вытащить товары корзины из localStorage в store в NuxtJs?

Question

[SM_ST]

Фронт часть на Nuxt.js api на Laravel
при добавлении товаров в корзину сперва добавляю в store state.cart и сразу корзину сохраняю в LocalStorage

state.cart.push(product)
this.commit('SAVE_CART_TO_LOCALSTORAGE')

SAVE_CART_TO_LOCALSTORAGE (state) {
    window.localStorage.setItem('cart', JSON.stringify(state.cart))
  },

как при открытии сайта вытаскивать корзину из localStorage и записывать в store?

Comments

[WapSter]

Офигеть, зачем для этого использовать vuex? Ну если используешь vuex то добавь к нему плагин для сохранения стора в localstorage. А так сохраняй методом, в жизненных циклах получай значение

[SM_ST]

WapSter, а можно подробнее что за плагин?

и про этот вариант

А так сохраняй методом, в жизненных циклах получай значение

это как?

[Александр Дергунов]

https://ru.nuxtjs.org/docs/2.x/directory-structure... - через это обратиться к локал стораджу и записать в стор.

Answer 1

[dark_king_13]

https://www.npmjs.com/package/nuxt-vuex-localstorage
Синхронезирует LocalStorage и Vuex