Instalé un complemento más bonito para el viento de cola que funciona bien al ordenar los nombres de clase dentro del atributo className . Sin embargo, no ordena los nombres de las clases dentro de una variable como const className = 'pt-1 p-3' .
¿Hay algo que pueda hacer para que la clasificación sea posible?
Parece que el complemento solo busca los atributos class y className JSX para ordenar la cadena de clases de utilidad. Puedes ver eso aquí en el código del complemento:
function transformJavaScript(ast, { env }) { visit(ast, { JSXAttribute(node) { if (!node.value) { return } if (['class', 'className'].includes(node.name.name)) { ...https://github.com/tailwindlabs/prettier-plugin-tailwindcss/blob/main/src/index.js#L318
no se permite fijarlo en una constante; porque es un atributo estándar del JSX. trate de retractar una clase por ello y gracias
No creo que actualmente haya una forma de hacer esto con prettier-plugin-tailwindcss . Sin embargo, si está abierto a cerrar alternativas, existe el complemento Headwind de vscode.
Desafortunadamente, Headwind solo se ejecuta al guardar o vincular teclas (no está integrado en el proceso Prettier para CI/CD, automatización), y debe usar vscode para el desarrollo. Pero si eso se ajusta a su caso de uso, puede usar expresiones regulares para personalizar en qué parte de su código fuente se ejecuta Headwind. Las instrucciones están aquí .