En un nuevo proyecto, descubrí que eslint y prettier hacen algo como esto en algunos lugares:

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

Es decir, las clases se "construyen" en una columna.

Entiendo que este comportamiento se puede desactivar, pero...

En el código generado, estas clases se ven así:

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

La biblioteca está construida por vue-cli-service . ¿Hay alguna forma (más o menos lista para usar) de limpiar esto?

¿Y crees que esto es basura, porque en el navegador del usuario en el código fuente de la página, estas clases también estarán ordenadas en una columna?