Why doesn't vue template html formatting through prettier work?

Question

Vue.js

.prettierrc

trailingComma: "none"
bracketSpacing: true
tabWidth: 2
semi: false
singleQuote: true
jsxBracketSameLine: false

I want to get the end result:

<div
  class="text"
  :class="textClass"
  v-if="!searchText.length"
>
    {{ inputText }}
</div>

Current result:

<div class="text" :class="textClass" v-if="!searchText.length">{{ inputText }}</div>