如何使用prettier处理“>”和“{{”或“">”和“}}”的换行符？

Question

环境：

• vue 2.6.12

• vscode 1.56.2

• 更漂亮 v6.4.0

---

当我使用 Prettier 格式化我的代码时，它将返回

<el-tab-pane
  v-for="(tab, index) in tabs"
  :key="index"
  :label="tab.title"
  :name="tab.name"
  >{{ tab.title }}</el-tab-pane
>

但我实际上想要这个，所以我只能手动更改它：

<el-tab-pane
  v-for="(tab, index) in tabs"
  :key="index"
  :label="tab.title"
  :name="tab.name"
>
  {{ tab.title }}
</el-tab-pane>

我可以使用 prettier 来实现这个目标吗？

我的更漂亮的配置是：

module.exports = {
  semi: false,
  singleQuote: true,
  tabWidth: 2,
  bracketSpacing: true,
  endOfLine: 'auto',
  printWidth: 80,
  trailingComma: 'none',
  arrowParens: 'always',
  proseWrap: 'preserve',
  jsxBracketSameLine: true
}