светлая темы. Темы определены во 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)
}
https://github.com/nuxt-community/color-mode-module/blob/master/README.md Есть кстати хороший модуль
Обсуждают сегодня