Vue.js|Vuetifyでアルファベット大文字への対処


対処というか、別に問題でもないのですが。
大文字になるな〜と思っていて、最初は以下のようにcssで対処してました。

<v-btn style="text-transform: none">Button</v-btn>

ただ、もっといい方法ないのか?と探していたら、普通に公式ドキュメントにありました。

https://vuetifyjs.com/ja/styles/text-and-typography/#transform

結論、class="text-capitalize"で小文字・大文字区別して表示できます。

<v-btn class="text-capitalize">Button</v-btn>