How to force ESlint + Prettier to wrap tag attributes if there are more than 2 of them?

Question

Vue.js

I am using ESlint. How to force linter to do this:

<template>
   <ComponentFile :a="a" :b="b" :c="c" disabled>
</template>

Something like this:

<template>
   <ComponentFile 
      :a="a" 
      :b="b" 
      :c="c" 
      disabled
   >
</template>

I know there's a 'vue/max-attributes-per-line' thing, but I also use prettier and it doesn't seem to work because of it.