Set up Tailwind linting

hypothesis / client

The Hypothesis web-based annotation client.

Other

642 stars 197 forks source link

Set up Tailwind linting #5551

Open robertknight opened 1 year ago

robertknight commented 1 year ago

Twice recently I used flex-column instead of flex-col and got confused when it didn't produce the expected layout. It would be useful to set up a linter of some kind to catch this.

acelaya commented 1 year ago

One possible option would be this ESLint plugin https://github.com/francoismassart/eslint-plugin-tailwindcss

lyzadanger commented 1 year ago

This won't solve the project-level problem, but for VSCode users there is https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss which could be helpful.

lyzadanger commented 1 year ago

One possible option would be this ESLint plugin https://github.com/francoismassart/eslint-plugin-tailwindcss

I'm not seeing another strong contender in a quick Google.

acelaya commented 1 year ago

This won't solve the project-level problem, but for VSCode users there is https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss which could be helpful.

WebStorm has good auto-completion for tailwind symbols. It even shows the icon in front of it, so that you know where is that coming from, but having something IDE-agnostic would be definitely nice.