In one new project, I found that eslint and prettier do something like this in some places:

<button
  v-for="(item, index) in items"
  :key="index"
  class="
    block
    w-full
    bg-white

That is, the classes are "built" in a column.

I understand that this behavior can be turned off, but...

In the generated code, these classes look like this:

{key:r,staticClass:"\n      block\n      w-full\n      bg-white\n      

The library is built by vue-cli-service. Is there any way (more or less out of the box) to clean this up?

And do you think this is rubbish, because in the user's browser in the source code of the page, these classes will also be arranged in a column?