如何在所有组件上为Vue3应用程序打开Quasar暗模式

Question

我有以下。。。

import { Quasar, Dark } from "quasar";
...
Dark.set(true);
async function startApp() {
const app = createApp(App);
...
app.use(Quasar, {
plugins: {}, // import Quasar plugins and add here
});
app.mount("#app");
}
startApp().then(()=>{
console.log("SPA started");
})

但这并没有让项目陷入黑暗。我错过了什么？我对我的组件使用<script setup>语法，所以无论什么解决方案都需要使用该设置。

Answer 1

您可以在注册期间将dark: true作为Quasar插件的选项传递。

app.use(Quasar, {
plugins: {}, // import Quasar plugins and add here  
config: {
dark: true,
},
});