Vuetify2からVuetify3へのバージョンアップ時のcaptionクラスについて
今回はVuetify2からVuetify3へバージョンアップ時に、Vuetify2で使われていたcaptionのクラスはどうすれば良いのかについてご紹介していきます。
バージョンアップ後のNuxt.jsのバージョンは3.11.2で、バージョンアップ後のVuetifyのバージョンは3.7.1です。
Vuetify2からVuetify3へのバージョンアップ時のcaptionクラスについて
Vuetify2では文字列を小さくするためのclassとしてcaptionクラスが使われておりました。
https://v2.vuetifyjs.com/ja/styles/text-and-typography/#typography
一方で、Vuetify3ではcaptionクラスがそのまま使えず、「text-caption」などのクラスを使用する必要があります。
https://vuetifyjs.com/ja/styles/text-and-typography/#typography
Vuetify2からVuetify3へのバージョンアップ時には「caption」から「text-caption」などに変えなければレイアウトが崩れるので修正していきましょう。
終わりに
今回はVuetify2からVuetify3へバージョンアップ時に、Vuetify2で使われていたcaptionのクラスはどうすれば良いのかについてご紹介いたしました。