Size: a a a

Nuxt.js | Vue SSR

2021 May 13

ВБ

Владимир Бандуристов... in Nuxt.js | Vue SSR
Этот модуль сам пишет в стор, в куку и в localStorage
источник

ВБ

Владимир Бандуристов... in Nuxt.js | Vue SSR
В вашем state после авторизации автоматом создается объект auth
источник

ВБ

Владимир Бандуристов... in Nuxt.js | Vue SSR
И из него можно геттерами доставать нужное
источник

ВБ

Владимир Бандуристов... in Nuxt.js | Vue SSR
isAuthenticated(state) {
   return state.auth.loggedIn
 },
источник

ВБ

Владимир Бандуристов... in Nuxt.js | Vue SSR
Как пример
источник

ВБ

Владимир Бандуристов... in Nuxt.js | Vue SSR
Правда я не понимаю зачем юзеру показывать его токен, но это уже другой вопрос)
источник

m

mrFANRA in Nuxt.js | Vue SSR
посоветуйте пожалуйста плагин для сохранения состояния vuex в localStorage
источник

ВБ

Владимир Бандуристов... in Nuxt.js | Vue SSR
Никогда для такого не использовал никакой плагин, просто писал нужный объект стейта в localStorage и потом при загрузке доставал оттуда и писал в стейт
источник

ВБ

Владимир Бандуристов... in Nuxt.js | Vue SSR
JSON.stringify и JSON.parse типа того
источник

m

mrFANRA in Nuxt.js | Vue SSR
а можете пример показать?
источник

ВБ

Владимир Бандуристов... in Nuxt.js | Vue SSR
А я вру кстати)) я юзал куки для этого а не localStorage))
источник

ВБ

Владимир Бандуристов... in Nuxt.js | Vue SSR
Вызываю экшн при загрузке
async nuxtServerInit({ dispatch }, { req }) {
   await dispatch('favorite/START_FAVORITE')
 }

export const actions = {
 START_FAVORITE({ commit }) {
   const favorites = this.$cookies.get('favorites')
   if (favorites && favorites.length > 0) {
     commit('set', favorites)
   }
 },
}

Мутация

export const mutations = {
 set(state, favoriteList) {
   state.favoriteList = favoriteList
 },
}

В стейте у меня

export const state = () => ({
 favoriteList: []
})
источник

ВБ

Владимир Бандуристов... in Nuxt.js | Vue SSR
Но возможно вы имеете ввиду что то другое
источник

m

mrFANRA in Nuxt.js | Vue SSR
ясн, спасибо

да я вот vuex-persistedstate пытаюсь использовать. как то все мутно получается. какие то танцы с бубном .. толь я что то туплю
источник

ВБ

Владимир Бандуристов... in Nuxt.js | Vue SSR
А он подходит вообще для накста?
источник

m

mrFANRA in Nuxt.js | Vue SSR
да в том то и дело там какие то танцы с бубном через куки
источник

m

mrFANRA in Nuxt.js | Vue SSR
и теряется весь смысл
источник

ВБ

Владимир Бандуристов... in Nuxt.js | Vue SSR
Ну получается по сути тоже самое. просто пишется весь стейт при каждом чихе в куки
источник

N

ND in Nuxt.js | Vue SSR
Подскажите пожалуйста - сейчас надо переписать проект под накст - но много где использовали такие конструкции
window.DARK_MODE = typeof fromLocalStorage !== 'undefined'
 ? lockr.get(DARK_THEME_ENABLED_KEY)
 : window.DARK_MODE
window.CSS_VARS = cssVars

как их заменть в наксте - ведь там нет window
источник

ВБ

Владимир Бандуристов... in Nuxt.js | Vue SSR
Типа Vue.set(state, cookie.newState) что бы реактивность сохранилась и всё
источник