Nuxt 3.0使用color-mode时dark/light切换不生效问题

背景

最近在开发一个基于Nuxt3.0和Nuxt/content2.0的markdown文章管理系统（支持静态和动态两种模式），项目在mindpress。其中引入了color-mode用来检测当前浏览器是 dark 模式，还是 light 模式。代码如下：

<template>
    <NavBar />
    <main class="container">
        <md-editor v-model="text" :theme="theme" :toolbarsExclude="toolbarsExclude"
            style="background-color: var(--md-background-color);height:480px;" 
            @onChange="changeAction" @onSave="saveAction" />
    </main>
</template>

<script>
import {
      ref } from 'vue'