[Prettier Plugin] When React className is too long, this plugin automatically break a new line

[msy7822-ux]

I wanna add function to break a new line of className

example

// before
export function SampleComponent() {
  return (
     <div className="p-4 flex flex-col items-center justify-center cursor-pointer mx-auto bg-dark-400 text-xl font-semibold relative">
         { ... }
     </div>
  )
}


// after
export function SampleComponent() {
  return (
     <div className="
         p-4 flex flex-col items-center justify-center
         cursor-pointer mx-auto bg-dark-400
         text-xl font-semibold relative
     ">
         { ... }
     </div>
  )
}

[blowsie]

Duplicates #7763

[ony3000]

Hello! I am leaving a comment because it seems to be a similar topic to #7763.

There is a prettier plugin that I released this year. Maybe this will help.