Vuetifyのv-messagesのmin-heightを0pxにしたい

背景

• エラー文言とかを入れるdivがvuetify使うとデフォルトでついてくる
• デフォルトはmin-height 12pxだからレイアウトが結構崩れるので0pxにしたい

解決

• deep selectorで解決

<style>
>>>.v-messages {
  min-height: 0px !important;
}
</style>

参考

• https://stackoverflow.com/questions/50985783/vuetify-css-not-working-taking-effect-inside-component