An HTML formatter that allows following Vue.js Style guide?

[thedamon]

Problem

There are a lot of great things about pretty-html.. it's the only HTML formatter I've found so far that actually does the right thing with trailing > tags when wrapping attributes without going crosseyed looking at confusing config settings, for example.

BUT

Because it is based on print-width and has no options for (and no intent to add) wrapping HTML elements based on the number of attributes, we can't write code to the specifications of the Vue.js styleguide (which is a well-considered recommendation because whitespace matters in HTML and its structure is more rigid than js).

Reproducible Case

This is really an issue around prettyhtml and finding the best HTML formatting for vetur. I raised an issue around wrapping per attribute number instead of line length here, and the general opinion seems to be that line length is the right way to format HTML even though it breaks HTML in other situations as well.

[StarpTech]

Hi @thedamon your proposal Prettyhtml/prettyhtml#45 was accepted and released! The bug Prettyhtml/prettyhtml#65 was fixed as well.

[octref]

Seems this will be fixed by upgrading the prettyhtml version for #945. Cheers.