Doesn't work with one class per line

[drgarlic]

Hi,

The library is great, though it doesn't work when I have one css class per line (which is in my opinion much cleaner).

Here's my code:

<Image
            src="logo.png"
            alt="Logo Rincent Investigation"
            class="
            mt-4
            mx-auto
            h-10
            w-auto
"/>

Here's the output on save:

<Image
            src="logo.png"
            alt="Logo Rincent Investigation"
            class="w-auto h-10 mx-auto mt-4 "/>

Here's what it should be:

<Image
            src="logo.png"
            alt="Logo Rincent Investigation"
            class="
            w-auto
            h-10
            mx-auto
            mt-4
"/>

Instead of generating a new string with classes it should swap them or maybe add an option for this kind of format.

Is that something that can be done or is there some kind of limitation from VS Code ?

Thank you !

[heybourn]

Could this be done with Prettier? I'm sure it could be added to Headwind but it seems as if it's more of a Prettier preference.

[drgarlic]

Maybe ? I don't use Prettier, wouldn't there be a conflict of which action would go first ?

[tmm]

+1 to this suggestion

[thomaskimura]

Would love to see this.

[fultonm]

I agree, 1 class per line is beautiful and much more readable.

[homerjam]

Theoretically, this could be done with a new line in the replacement option, right? But I guess the indentation could end up wrong