feat(tailwindcss): eslint-plugin-tailwindcss adjusted to peerDependencies

Author: coderwyd

package.json

@@ -54,6 +54,7 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.4",
     "eslint-plugin-svelte": "^2.34.1",
+    "eslint-plugin-tailwindcss": "^3.16.0",
     "svelte-eslint-parser": "^0.33.1"
   },
   "peerDependenciesMeta": {
@@ -72,6 +73,9 @@
     "eslint-plugin-svelte": {
       "optional": true
     },
+    "eslint-plugin-tailwindcss": {
+      "optional": true
+    },
     "svelte-eslint-parser": {
       "optional": true
     }
@@ -95,7 +99,6 @@
     "eslint-plugin-no-only-tests": "^3.1.0",
     "eslint-plugin-perfectionist": "^2.10.0",
     "eslint-plugin-regexp": "^2.6.0",
-    "eslint-plugin-tailwindcss": "^3.15.2",
     "eslint-plugin-unicorn": "^53.0.0",
     "eslint-plugin-unused-imports": "^3.2.0",
     "eslint-plugin-vitest": "^0.5.4",
@@ -129,6 +132,7 @@
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",
     "eslint-plugin-svelte": "2.39.0",
+    "eslint-plugin-tailwindcss": "^3.16.0",
     "execa": "^9.1.0",
     "fast-glob": "^3.3.2",
     "fs-extra": "^11.2.0",

pnpm-lock.yaml

@@ -1,10 +1,13 @@
-import { interopDefault } from '../shared'
+import { ensurePackages, interopDefault } from '../shared'
 import type { OptionsOverrides, TypedFlatConfigItem } from '../types'
 
 export async function tailwindcss(
   options: OptionsOverrides = {},
 ): Promise<TypedFlatConfigItem[]> {
   const { overrides } = options
+
+  await ensurePackages(['eslint-plugin-tailwindcss'])
+
   const pluginTailwindcss = await interopDefault(
     import('eslint-plugin-tailwindcss'),
   )
@@ -21,7 +24,7 @@ export async function tailwindcss(
         'tailwindcss/enforces-shorthand': 'warn',
         'tailwindcss/migration-from-tailwind-2': 'warn',
         'tailwindcss/no-arbitrary-value': 'off',
-        'tailwindcss/no-contradicting-classname': 'error',
+        'tailwindcss/no-contradicting-classname': 'warn',
         'tailwindcss/no-custom-classname': 'off',
         'tailwindcss/no-unnecessary-arbitrary-value': 'warn',
 

src/configs/tailwindcss.ts

@@ -32,7 +32,6 @@ import {
 } from './shared'
 import {
   isInEditor as defaultIsInEditor,
-  hasTailwindCSS,
   hasTypeScript,
   hasVue,
 } from './env'
@@ -93,7 +92,7 @@ export async function defineConfig(
     react: enableReact = false,
     regexp: enableRegexp = true,
     svelte: enableSvelte = false,
-    tailwindcss: enableTailwindCSS = hasTailwindCSS,
+    tailwindcss: enableTailwindCSS = false,
     typescript: enableTypeScript = hasTypeScript,
     unocss: enableUnoCSS = false,
     vue: enableVue = hasVue,