🌄

Nuxt3でbodyタグにクラスをつける

2023/12/16に公開

Nuxt3 + TailwindCSS + @nuxtjs/color-modeのブログのダークテーマ対応をしているとき、背景色のスタイリングってどうすんだ…?と思っていろいろ調べた。
が、現環境で使える情報がなかなか出てこず地味にハマったのでメモ。

結論: useHeadのbodyAttrs.classに指定する

useHead({
  bodyAttrs: {
    class: 'dark:bg-neutral-800 dark:text-neutral-50',
  },
});

Discussion