Error: Invalid Tailwind CSS classnames order tailwindcss/classnames-order about taxonomy

[Manubi]

I think the problem is, the eslint plugin doesn't follow the same rules as the tailwindcss vscode extension and the prettier plugin.

[jonathanquaade]

You can use the eslint-plugin-tailwindcss to automatically fix that classnames order error. @shadcn already has the plugin installed

Just modify the lint script in package.json like this:

"scripts": {
  "lint": "next lint --fix",
},

And then run pnpm run lint. That should fix the classname ordering

[imaprototype]

You can also add the following line to your package.json

"lint:fix": "next lint --fix"

and then execute

npm run lint:fix

[leonardomjq]

Any solution to this? The problem is indeed as @Manubi commented.

I already have this:

"lint": "next lint",
"lint:fix": "next lint --fix",