Vuetifyに定義されている角丸classを使う
Vuetifyは、数多くの優れたUIコンポーネントを使うことができますが、 デフォルトで使いやすいclassもたくさん用意されています。
たとえば、要素に角丸を簡単につけることができるclassなども、デフォルトで用意されています。
.rounded-sm
.rounded
.rounded-lg
.rounded-xl
.rounded-pill
.rounded-circle
↑このように、最小の角丸が適用される -sm から順に、段階的にサイズが大きくなる角丸用の class が用意されています。
.rounded 系の class を使えば角丸が簡単に作れる
自分で作るの面倒なので基本これを使う
公式ページでサンプルを色々試せる