Js-beautify: Sorting of HTML attributes

[mubaidr]

Description

Is there anyway to enable sorting of HTML attributes?

Input

<input class="input is-small"
            type="text"
            v-model="domainFilter"
            placeholder="search">

Expected Output

The code should have looked like this after beautification:

<input class="input is-small"
            placeholder="search"
            type="text"
            v-model="domainFilter">

Actual Output

The code actually looked like this after beautification:

<input class="input is-small"
            type="text"
            v-model="domainFilter"
            placeholder="search">

Steps to Reproduce

Just add some attributes

Environment

OS: Windows 10
Vs-Code Latest

Settings

{
    "editorconfig": true,
      "indent_size": 2,
      "wrap_attributes": "force-aligned",
      "wrap_attributes_indent_size": 2,
      "wrap_line_length": 80
}

[bitwiseman]

Beautifier doesn't currently reorder content.

[bitwiseman]

Html now tokenizes before formatting. This mean it would be much easier to implement this now if any one wants to.

[jonkri]

It would be great to see support for this. I like to keep my attributes alphabetically ordered - it helps me finding the attributes faster. (This issue is, at least to me, somewhat related to #1084, which is about re-ordering CSS properties alphabetically.)

[v1nce]

Would be very handy for diffing

[pianoboysai]

any update for this? Hope this feature could be supported soon, thanks !

[bitwiseman]

@pianoboysai
PRs welcome! Please contribute!