ESlint/Prettier - dziwne zachowanie

Coś ostatnio mi się zepsuło i nie mam pojęcia jak do tego doszło.

Korzystam z NuxtJS (Vue). Do projektu mam dodanego eslinta oraz prettiera. Cały czas było wszystko ok, a od paru dni coś się zepsuło i eslint/prettier przenosi mi każdą klasę do nowej linijki (jeśli jest ich więcej). Jak można to naprawić? Jest to strasznie uciążliwe i nie da się nic robić przez to.

No i po formatowaniu wygląda to tak i już nie ma błedu:

Stworzyłem sobie nowy projekt i tam również to samo. Usunąłem VSC i pozostałości, zainstalowałem na nowo - też to samo :(

Nie wiem co tam masz poinstalowane ale jak najedziesz myszką albo uruchomisz linter z konsoli to nie podpowiada na podstawie jakiej reguły jest ten błąd? Wtedy po prostu zmień to ustawienie jak nie pasuje

I dopiero dziś doszedłem do tego co jest nie tak. Najnowsza wersja prettiera (2.3.0) jest jakaś zepsuta.

https://www.npmjs.com/package/prettier

Ustawiłem na sztywno w package.json wersję

"prettier": "2.2.1"

i znowu działa.

Ale co w tym jest zepsute? To jest opisane dokładnie w changelogu: https://prettier.io/blog/2021/05/09/2.3.0.html#html
Po prostu klasy są teraz najwyraźniej grupowane według prefiksów. Mi osobiście się podoba, pewnie jest jakaś flaga żeby to wyłączyć