eslint-plugin-better-tailwindcss
GitHub - schoero/eslint-plugin-better-tailwindcss: ESLint/Oxlint plugin to help you write better tailwindcss by improving readability with formatting rules and enforcing best practices with linting rules.
ESLint/Oxlint plugin to help you write better tailwindcss by improving readability with formatting rules and enforcing best practices with linting rules. - schoero/eslint-plugin-better-tailwindcss
github.com
HEADER_CLASS のような定数に定義したクラスを対象にする
eslint.config.mjs
const eslintConfig = defineConfig([
// ...
settings: {
'better-tailwindcss': {
variables: [
[
'^.*_CLASS$',
[
{
match: 'strings',
},
],
],
],
},
},
// ...
])VS Code の Tailwind CSS IntelliSense を使用している場合は .vscode/settings.json に以下を設定する。
settings.json
{
// ...
"tailwindCSS.experimental.classRegex": [
// ...
[".+CLASS.+=.+`([^`]*)`"],
[".+CLASS.+=.+'([^']*)'"],
[".+CLASS.+=.+\"([^\"]*)\""],
],
// ...
}
