vue.js - Nuxt js & Vue：在相对较大的项目中实现亮/暗模式的最佳方式？

Question

假设在一个包含多个页面和组件的大型项目（在 Nuxt JS 框架上）中，我们希望通过切换按钮以最佳和专业的方式实现网站模板的暗/亮模式。总体而言，每个模式的模板大约有 8 到 10 种颜色，并且设置了一些其他的道具，例如阴影和边框，以在每个模式中更改。您可以通过按一个按钮快速、轻柔地更改模板的颜色。

你认为最优化、最专业、最快和最简单的方法是什么？？？

该项目正在Nuxt Js框架上开发。

朋友，请详细说明您的建议和解决方案，以便对其他人有用和实用:)

感谢您的评论和回答:)

标签： vue.jsvue-componentnuxt.js

Answer 1

Maybe you can give a try to the nuxt community module: https://github.com/nuxt-community/color-mode-module

Demo web site : https://color-mode.nuxtjs.app/