Обновление конфигурации Vuetify от Vuex - PullRequest
0 голосов
/ 26 октября 2019

Предположим, что SPA на основе Vue (^2.6.10) + Vuetify (^2.1.0) + Vuex (^3.0.1) с просмотром настроек. Существует возможность переключения между светлым и темным режимом. Вместо непосредственного изменения свойства конфигурации Vuetify ($vuetify.theme.dark) я хочу изменить состояние приложения ($store.state.settings.dark), хранящееся в Vuex. Это позволяет сохранить текущее состояние в виде файла cookie.

Как можно наблюдать состояние приложения из конфигурации Vuetify и соответственно обновлять конфигурацию Vuetify? Означает $vuetify.theme.dark изменяется при изменении $store.state.settings.dark.

Я пытался изменить конфигурацию Vuetify внутри мутации Vuex, как показано в другой записи :

import vuetify from '../../../plugins/vuetify';

let setDarkMode = (state, mode) => {

    vuetify.framework.theme.dark = mode;
    state.dark = mode;
}

export default {
  setDarkMode,
  setLocale
}

Кажется, работает, но не очень элегантно, потому что состояние приложения должно знать зависимость Vuetify ... Любые другие подходы?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...