Nuxt.jsを用いて開発時のエラー

@nuxt/uiインストールによるダークモードの強制

• paginationを使うために、nuxt/uiをインストールしたが、急にダークモードになってしまった。nuxt/ui_install
• nuxt/uiをインストールすると、nuxt/color-modeも一緒にインストールされるのが原因だった。

  • Nuxt UI will automatically install the @nuxt/icon, @nuxtjs/tailwindcss and @nuxtjs/color-mode modules for you.

• なので、ダークモードになるのを防ぐために、nuxt.config.tsで設定しておく必要がある。nuxt/ui_dark_mode

export default defineNuxtConfig({
  colorMode: {
    preference: 'light'
  }
})

• しかし、上の設定を入れたのに、ライトモードにならず。調べたところ、自分のノードPCのシステム設定がダークモードになっていて、nuxt/ulをインストールした時点でダークモードになっていたブラウザでnuxtページもダークモードにすることを保存してしまった。
• 解決方法として、ブラウザのlocal storageにnuxt-color-modeを削除すると直るとのこと。

  • If you're stuck in dark mode even after changing this setting, you might need to remove the nuxt-color-mode entry from your browser's local storage.

• みてみたら、darkになっている・・・。削除して、ブラウザリロードしたら、nuxt-color-modeがlightになっていて、nuxtページもライトモードになった。