Предположим, что 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 ... Любые другие подходы?