Prettier introduced this new "great" feature of placing only one class in every line - infortunately this surfaces in Vetur as well. Combined with Headwind, I notice a strange flickering when Prettier formats something, while Headwind also sorts the classes. They overwrite each other's formatting results instead of working on top of each other (ideally, Headwind could sort first and then Prettier can do its wrapping).
To Reproduce
Steps to reproduce the behavior:
Install Vetur, Headwind, and Prettier
Open a Vue component and make a class tag long enough to be wrapped (must be Tailwind classes)
Watch your IDE flicker as the formattings overwrite each other
Expected behavior
Running a Prettier check via CLI should pass (without formatting via CLI) based on the code saved via IDE.
Prettier introduced this new "great" feature of placing only one class in every line - infortunately this surfaces in Vetur as well. Combined with Headwind, I notice a strange flickering when Prettier formats something, while Headwind also sorts the classes. They overwrite each other's formatting results instead of working on top of each other (ideally, Headwind could sort first and then Prettier can do its wrapping).
To Reproduce Steps to reproduce the behavior:
Expected behavior Running a Prettier check via CLI should pass (without formatting via CLI) based on the code saved via IDE.