ESLint: add plugin eslint-plugin-tailwindcss

apps/web/eslint.config.js

@@ -1,4 +1,5 @@
-import { nextJsConfig } from "@repo/eslint-config/next-js";
+import { nextJsConfig } from '@repo/eslint-config/next-js';
+import { tailwindConfig } from '@repo/eslint-config/tailwind';
 
 /** @type {import("eslint").Linter.Config} */
-export default nextJsConfig;
+export default [...nextJsConfig, ...tailwindConfig];

packages/eslint-config/package.json

@@ -6,11 +6,13 @@
   "exports": {
     "./base": "./base.js",
     "./next-js": "./next.js",
-    "./react-internal": "./react-internal.js"
+    "./react-internal": "./react-internal.js",
+    "./tailwind": "./tailwind.js"
   },
   "devDependencies": {
     "@vchikalkin/eslint-config-awesome": "^2.0.4",
     "eslint": "^9.15.0",
+    "eslint-plugin-tailwindcss": "^3.17.5",
     "eslint-plugin-turbo": "^2.3.0"
   }
 }

packages/eslint-config/react-internal.js

@@ -5,4 +5,4 @@ import awesome from '@vchikalkin/eslint-config-awesome';
  * A custom ESLint configuration for libraries that use React.
  *
  * @type {import("eslint").Linter.Config} */
-export const config = [...baseConfig, ...awesome['react-typescript']];
+export const reactConfig = [...baseConfig, ...awesome['react-typescript']];

packages/eslint-config/tailwind.js

@@ -0,0 +1,3 @@
+import tailwind from 'eslint-plugin-tailwindcss';
+
+export const tailwindConfig = tailwind.configs['flat/recommended'];

packages/ui/eslint.config.js

@@ -1,4 +1,5 @@
-import { config } from "@repo/eslint-config/react-internal";
+import { reactConfig } from '@repo/eslint-config/react-internal';
+import { tailwindConfig } from '@repo/eslint-config/tailwind';
 
 /** @type {import("eslint").Linter.Config} */
-export default config;
+export default [...reactConfig, ...tailwindConfig];

packages/ui/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@repo/ui",
   "version": "0.0.0",
+  "type": "module",
   "sideEffects": [
     "**/*.css"
   ],

pnpm-lock.yaml

@@ -72,6 +72,9 @@ importers:
       eslint:
         specifier: ^9.15.0
         version: 9.15.0
+      eslint-plugin-tailwindcss:
+        specifier: ^3.17.5
+        version: 3.17.5(tailwindcss@3.4.15)
       eslint-plugin-turbo:
         specifier: ^2.3.0
         version: 2.3.2(eslint@9.15.0)
@@ -4293,6 +4296,17 @@ packages:
       - supports-color
     dev: true
 
+  /eslint-plugin-tailwindcss@3.17.5(tailwindcss@3.4.15):
+    resolution: {integrity: sha512-8Mi7p7dm+mO1dHgRHHFdPu4RDTBk69Cn4P0B40vRQR+MrguUpwmKwhZy1kqYe3Km8/4nb+cyrCF+5SodOEmaow==}
+    engines: {node: '>=18.12.0'}
+    peerDependencies:
+      tailwindcss: ^3.4.0
+    dependencies:
+      fast-glob: 3.3.2
+      postcss: 8.4.49
+      tailwindcss: 3.4.15
+    dev: true
+
   /eslint-plugin-turbo@2.3.2(eslint@9.15.0):
     resolution: {integrity: sha512-NoGxnaFi/8KotvKdbwR+VJOB3nVvIOjS193qCjHz2eBKhnO+Wr3cFgw9IZvk1rBIqg3a6VtJQmxkwNIYo2yWOw==}
     peerDependencies: