eslint-plugin-better-tailwindcss
GitHub - schoero/eslint-plugin-better-tailwindcss: ESLint plugin to help you write better tailwindcss by improving readability with formatting rules and enforcing best practices with linting rules.
ESLint 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.+=.+\"([^\"]*)\""],
],
// ...
}
