Vuetify多个主题

Question

我正在阅读Vuetify文档，您似乎可以创建两个这样的主题：

const vuetify = new Vuetify({
theme: {
themes: {
light: {
primary: colors.purple,
secondary: colors.grey.darken1,
},
dark: {
primary: colors.blue.lighten3,
},
},
},
})

然后可以通过以下方式使用：this.$vuetify.theme.dark = true

可以添加另一个主题吗？有点像这样：

const vuetify = new Vuetify({
theme: {
themes: {
light: {
primary: colors.purple,
secondary: colors.grey.darken1,
},
dark: {
primary: colors.blue.lighten3,
},
anotherTheme: {
primary: colors.grey,
secondary: colors.black,
}
},
},
})

如果是这样的话，我该如何通过编程方式更改它？

Answer 1

根据https://github.com/vuetifyjs/vuetify/issues/10985，
您可能能够使用Vuetify v3管理多个主题。

目前，您可以使用Vuex商店创建主题管理器。