如何将daisyui 4.7.3与Nuxt3一起使用

Question

尝试在 Nuxt3 中实现 daisyui 4.7.3 时，更改主题时主题颜色不会更改。

我创建的 Stackblitz 是：https://stackblitz.com/edit/nuxt-color-mode-daisyui-qgpvqe

您可以在左上角更改主题。

它基于使用 daisy 2.42 的 Stackblitz https://stackblitz.com/edit/nuxt-color-mode-daisyui-snrnt9

2.42版本运行良好。

Answer 1

我自己找到了解决方案： 在 tailwind.config.js 中，需要添加以下主题：

module.exports = {
plugins: [require('daisyui')],
daisyui: {
  themes: [
    'system',
    'light',
    'dark',
    'cupcake',
    'bumblebee',
    'emerald',
    'corporate',
    'synthwave',
    'retro',
    'cyberpunk',
    'valentine',
    'halloween',
    'garden',
    'forest',
    'aqua',
    'lofi',
    'pastel',
    'fantasy',
    'wireframe',
    'black',
    'luxury',
    'dracula',
    'cmyk',
    'autumn',
    'business',
    'acid',
    'lemonade',
    'night',
    'coffee',
    'winter',
  ],
},

};

在2.42版本中似乎没有必要这样做。至少在我提供的 Stackblitz 中，没有列出主题。