Задача сделать ночной режим в Nuxt без использования библиотек.
Сначала решил сделать на props , но когда дошло до компонента <Nuxt /> не понял как в него эти пропсы прокинуть, а именно boolean - data: () => ({ isNightMode: false })
Потом решил сделать состояние в Vuex в сторе тот же boolean isNightMode: false. И доступ к нему по this.$store.state.vehicles.isNightMode. Но не могу понять как сделать чтобы все компоненты реагировали на изменение этого boolean в сторе.
Как лучше сделать?
WapSter, понятия не имею как это, можете написать?
мне нужен доступ к переменной в каждом компоненте, чтобы исходя из её постояния true or false ставить темный или светлый режим классами.
это не костыльное решение? У меня так сделано открытие модалки и бэкдроп за нее.
Ещё с этим проблема что добавляются обычные классы, а у меня задача писать css-modules. А как в них условие написать на 2 класса я не нашел решения, только на 1 - :class="{ [$style.dark]: isNightMode }"