介绍

安装

学习如何安装和配置 Nuxt 颜色模式
当前版本的 @nuxtjs/color-mode 兼容 Nuxt 3+。如果你正在寻找该模块的旧版本,请查看 v2.color-mode.nuxtjs.org

设置

@nuxtjs/color-mode 依赖添加到你的项目中:

npx nuxt module add color-mode

然后,将 @nuxtjs/color-mode 添加到你的 nuxt.config.tsmodules 部分:

nuxt.config.ts
export default defineNuxtConfig({
  modules: [
    '@nuxtjs/color-mode'
  ]
})

现在你可以开始在应用中使用 .dark.light 类来使用颜色模式了 ✨