[Prettier Plugin]: support multiline class formatting

[DzmVasileusky]

Prettier doesn't support multiline formatting of classes right now, see prettier/prettier#7863

But I am very confused about this.
The original intention was to make formatting better for Tailwind users in 2021, and I came here as a Tailwind user to look how to increase readability in 2025.
Because both

<div
    class="
        border-r
        border-b
        border-l
        border-gray-400
        lg:border-l-0
        lg:border-t
        lg:border-gray-400
        bg-white
        rounded-b
        lg:rounded-b-none
        lg:rounded-r
        p-4
        flex
        flex-col
        justify-between
        leading-normal
    "
>

and

<div
    class="border-r border-b border-l border-gray-400 lg:border-l-0 lg:border-t lg:border-gray-400 bg-white rounded-b lg:rounded-b-none lg:rounded-r p-4 flex flex-col justify-between leading-normal"
>

are non-readable.

How about just letting it to respect printWidth and max members count?
It would look like this with printWidth: 80 and max member count - 6

<div
    class="
        border-r border-b border-l border-gray-400 lg:border-l-0 lg:border-t
        lg:border-gray-400 bg-white rounded-b lg:rounded-b-none lg:rounded-r
        p-4 flex flex-col justify-between leading-normal
    "
>

Look how this plugin is working https://www.npmjs.com/package/eslint-plugin-readable-tailwind
It is really doing a great job with one big disadvantage - it is not a prettier plugin but eslint plugin.
But I really think you can get some ideas from their implementation and also allow semantic grouping or at least separating non-tailwind classes on a separate line