format bugs: html attr wrap

[beeplin]

When vscode settings has "html.format.wrapAttributes": "force", (or force-align)， formatting of vue file looks like this:

the indentation is all broken.

I am not sure if this is veture's bug or vscode's.

vscode: 1.10.1
veture: 0.4.1
os: windows 10 x64

[beeplin]

it turns out that this is due to vetur.

HTML file works OKAY with "html.format.wrapAttributes": "force-aligned":

But same code has broken indentations for VUE files:

[octref]

Is it that html will also be broken without "html.format.wrapAttributes": "force-aligned"?

vetur like html is using jsbeautify, but I don't want to add too many options. I'm thinking just use force-aligned as default -- will that be OK?

[beeplin]

the vue template only breaks with force-aligned and force. auto and force-expand-multiline is fine.

As for the second question: I suggest just following vscode's setting of html.format.wrapAttributes:

I am not sure why it behaves differently in HTML and Vue files. I suppose vetur is calling the same API as vscode does when doing reformat. Is vscode using jsbeautify too?

[octref]

Closing in favor of #82.

[EliazTray]

what is your color theme? @beeplin

[beeplin]

one dark +

[EliazTray]

thank you 👍

[newfoeother]

but i set "force" or "force-aligned" is ok . when i set "force-expand-multiline", the code was broken, and i can't use js-beautify