How to make '>' not a single line

ide: VSCODE

extention: vetur

setting.json:

"vetur.format.defaultFormatterOptions": {
  "prettyhtml": {
    "printWidth": 120, // No line exceeds 100 characters
  }
}

source:

<el-tree ref="tree" show-checkbox :data="treeData" :default-expanded-keys="[1]" node-key="id"  :props="{ children: 'subList', label: 'name' }">{{someData}}</el-tree>

after format:

<el-tree
  ref="tree"
  show-checkbox
  :data="treeData"
  :default-expanded-keys="[1]"
  node-key="id"
  :props="{ children: 'subList', label: 'name' }"
  >{{someData}}</el-tree>

i hope get:

<el-tree
  ref="tree"
  show-checkbox
  :data="treeData"
  :default-expanded-keys="[1]"
  node-key="id"
  :props="{ children: 'subList', label: 'name' }"
  >
  {{someData}}
</el-tree>

thank you

[Mister-Hope]

But I have to say that only vue users will met this problem since single-line text content really shouldn’t be wrapped.

[StarpTech]

@Mister-Hope just to clarify: This project isn’t for vuejs only. I created it due to the missing HTML support in prettier. Today, prettier has great support and the power to maintain it. The core principle of this formatter is to stick with rules which are reasonable in terms of readability and shouldn’t be controlled by a style guide like eslint-plugin-vue which is always opinionated.

I’m looking for new maintainers. If you have a strong interest to support this project feel free to contact me.