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

2023年12月16日
備忘録
Nuxt3
開発

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

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

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