Всем добрый день. Есть такой вопрос:
в приложении есть темная и светлая темы. Темы определены во vuex. Для хранения использую createPersistedState. По дефолту тема белая. Если перезагружаю страницу при темной теме страница "мигает". Я так понимаю потому что сервер без понятия что в сторе лежало на клиенте. Пытался вместо localstorage использовать куки, но не помогло:
import createPersistedState from 'vuex-persistedstate'
export default ({store, req}) => {
createPersistedState({
storage: {
getItem: (key) => {
const value = process.client ? ; ${document.cookie}
: ; ${req.headers.cookie}
;
const parts = value.split(; ${key}=
);
if (parts.length === 2) return parts.pop().split(';').shift();
},
setItem: (key, value) => process.client ? (document.cookie = ${key}=${value}
) : req.headers.cookie = ${key}=${value}
,
removeItem: (key) => process.client ? (document.cookie = key + '=; expires=Thu, 01 Jan 1970 00:00:01 GMT;') : req.headers.cookie = key + '=; expires=Thu, 01 Jan 1970 00:00:01 GMT;',
}
})(store)
}