eslint-plugin-tailwindcss 패키지 추가

eslint.config.js

@@ -2,6 +2,7 @@ import prettier from "eslint-config-prettier";
 import js from "@eslint/js";
 import { includeIgnoreFile } from "@eslint/compat";
 import svelte from "eslint-plugin-svelte";
+import tailwind from "eslint-plugin-tailwindcss";
 import globals from "globals";
 import { fileURLToPath } from "node:url";
 import ts from "typescript-eslint";
@@ -12,6 +13,7 @@ export default ts.config(
   js.configs.recommended,
   ...ts.configs.recommended,
   ...svelte.configs["flat/recommended"],
+  ...tailwind.configs["flat/recommended"],
   prettier,
   ...svelte.configs["flat/prettier"],
   {

package.json

@@ -31,6 +31,7 @@
     "eslint": "^9.7.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-svelte": "^2.36.0",
+    "eslint-plugin-tailwindcss": "^3.17.5",
     "globals": "^15.0.0",
     "prettier": "^3.3.2",
     "prettier-plugin-svelte": "^3.2.6",

pnpm-lock.yaml

@@ -67,6 +67,9 @@ devDependencies:
   eslint-plugin-svelte:
     specifier: ^2.36.0
     version: 2.46.1(eslint@9.17.0)(svelte@5.16.0)
+  eslint-plugin-tailwindcss:
+    specifier: ^3.17.5
+    version: 3.17.5(tailwindcss@3.4.17)
   globals:
     specifier: ^15.0.0
     version: 15.14.0
@@ -2051,6 +2054,17 @@ packages:
       - ts-node
     dev: true
 
+  /eslint-plugin-tailwindcss@3.17.5(tailwindcss@3.4.17):
+    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.17
+    dev: true
+
   /eslint-scope@7.2.2:
     resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}