formatting work different after I update volar

[shuwanghu]

In previous versions of Volar, formatting work like this:

<component :prop1=''
    :prop2=''
    :prop3=''
    :prop4=''
    :prop5=''
>
</component>

but now , it work like this:

<component :prop1='' :prop2='' :prop3=''
    :prop4='' :prop5=''>
</component>

I want go back to the frist , what should I do
(ps: my English is not good , forget Syntax error in the issue，thanks)

[shuwanghu]

I realy need help ， my team are suffering by this

[ms-mayya]

You can downgrade to last version of Volar before update.

[RJM1996]

maybe you can use Prettier to format code

[shuwanghu]

You can downgrade to last version of Volar before update.

I don't know what the version before I update

[shuwanghu]

maybe you can use Prettier to format code

thrank for you advise.I never use prettier before，I don't know it's config. I don't want to spend long time to find out how config prettier that can make it work as I want, because volar work good except this problem. but if the problem can't resolve for long time，I will try prettier.

[johnsoncodehk]

You should use https://github.com/johnsoncodehk/volar-plugins/tree/master/packages/prettyhtml after v0.34.0, see:

• Change built-in HTML formatter from prettyhtml to vscode-html-languageservice #1078
• https://github.com/johnsoncodehk/volar/blob/master/CHANGELOG.md#0340-2022410

[mech01nc01]

you could also use this setting in vscode:
"html.format.wrapAttributes": "force-aligned"

maybe also:
"html.format.wrapLineLength": 0