主旨 Nuxt3 で Vuetify3 を使う方法です。 外部モジュールなしで使う方法を下記に書いていましたが、下記の方法では現状 (Nuxt 3.8.2 + Vuetify 3.4.6) SASS/SCSS 周りがどうしてもうまくいかないようです。 Nuxt3 で Vuetify3 を使う vuetify-nuxt-module を使うとプロジェクト作成も簡単で、SASS/SCSS も（一応）動くことを確認しました。以下に方法をメモしておきます。 Vuetify Nuxt Module 前提 $ node -v v20.10.0 $ yarn -v 1.22.21 $ npm -v 10.2.5 $ npx nuxt -v ⚡️ Nuxt Generation CLI Experience (nuxi v3.10.0)

このページは、下記に順次移行中です。 Vuetify3 の基本 Vuetify3 のメモです。2 と違う点も多いので注意。Vuetify 3.3.18 で動作を確認しています。 関連記事 Vuetify3 のレイアウトに関するメモ（この記事） Vuetify3 でよく使うコンポーネントのメモ（１） Vuetify3 でよく使うコンポーネントのメモ（２） Vuetify3 Labs -- DatePicker -- DataTable Vuetify3 のプロジェクト作成 Vuetify3 stable になって、下記コマンド一発でいけるようになりました。 詳しくは、下記をどうぞ。 Vuetify3 Installation Nuxt3 の場合は、下記を見てください。 Nuxt3 で Vuetify3 を使う Vue-Router を使って初期化した場合は、App.vue の書き方のデフォル