在自己的行上开始和结束标记-vue html prettier

我在Vue项目中使用了prettier来格式化代码。我有一些东西我想改变,但我只是找不到一个解决方案,它在stackoverflow或其他任何地方(github,谷歌等)。我希望有人能帮我解决这个问题。

提供此输入

<router-link class="underline pointer" :to="routeToEditLocation(location.id)">{{ t('Edit') }}</router-link>

<router-link
    class="underline pointer"
    :to="routeToEditLocation(location.id)"
>{{ t('Edit') }}</router-link>

但我想看到的是

<router-link
    class="underline pointer"
    :to="routeToEditLocation(location.id)"
>
    {{ t('Edit') }}
</router-link>

有谁能为我的漂亮设置提供解决方案吗?使用以下设置

trailingComma: "all"
tabWidth: 4
semi: true
singleQuote: true
arrowParens: "avoid"
prose-wrap: "never"
parser: "vue"