vuejs3 - 在 vuetify next 中全局更改主题

Question

我试图改变我整个项目的主题。

// src/plugins/vuetify.js

import '@mdi/font/css/materialdesignicons.css';
import 'vuetify/lib/styles/main.sass';
import { createVuetify } from 'vuetify';
import * as components from 'vuetify/lib/components';
import * as directives from 'vuetify/lib/directives';

export default createVuetify({
    components,
    directives,
    theme: {
        DefaultTheme: 'dark'
    }
});

这工作正常，并改变了整个主题，但是当我尝试访问位于 vuetify. 它不存在。我执行以下操作：

import { computed, ref, watch, getCurrentInstance } from 'vue';

...

const internalInstance = getCurrentInstance()

...

console.log(internalInstance.appContext.config.globalProperties.$vuetify);

这段代码给了我一个空的 globalProperty。

我在 vue 2 中做了同样的事情，它工作正常。当我尝试访问全局变量并更改深色主题时，它确实有效。

this.$vuetify.theme.isDark