@switz/eslint-config 12.1.5 → 12.3.0

package/README.md

@@ -12,7 +12,7 @@ $ pnpm install -D eslint @switz/eslint-config
 
 Update your eslint config (`eslint.config.mjs`)
 
-```
+```js
 import main from '@switz/eslint-config';
 
 export default [...main];
@@ -20,20 +20,30 @@ export default [...main];
 
 If you need React support, use
 
-```
-import react from '@switz/eslint-config/react';
+```js
+import react from '@switz/eslint-config/react.mjs';
 
 export default [...react];
 ```
 
 If you need mdx support, use
 
-```
-import mdx from '@switz/eslint-config/mdx';
+```js
+import mdx from '@switz/eslint-config/mdx.mjs';
 
 export default [...mdx];
 ```
 
+If you need tailwind support, use:
+
+```js
+import main from '@switz/eslint-config/main.mjs';
+import react from '@switz/eslint-config/react.mjs';
+import tailwind from '@switz/eslint-config/tailwind.mjs';
+
+export default [...main, ...react, ...tailwind];
+```
+
 You should be able to combine configs just by spreading more into the array.
 
 ## Reference

package/eslint.config.mjs

@@ -1,6 +1,5 @@
 import js from '@eslint/js';
 import prettierPlugin from 'eslint-plugin-prettier/recommended';
-import eslintPluginReadableTailwind from 'eslint-plugin-readable-tailwind';
 import globals from 'globals';
 
 import tseslint from 'typescript-eslint';
@@ -36,15 +35,7 @@ export default tseslint.config(
   tseslint.configs.recommended,
   {
     files: ['**/*.{js,jsx,ts,tsx}'],
-    plugins: {
-      'readable-tailwind': eslintPluginReadableTailwind,
-    },
     rules: {
-      // enable all recommended rules to warn
-      ...eslintPluginReadableTailwind.configs.warning.rules,
-      // enable all recommended rules to error
-      ...eslintPluginReadableTailwind.configs.error.rules,
-      'readable-tailwind/multiline': ['off'],
       'max-len': [
         'error',
         {
@@ -74,7 +65,6 @@ export default tseslint.config(
       'prettier/prettier': [
         'error',
         {
-          // plugins: ['prettier-plugin-tailwindcss'],
           singleQuote: true,
           trailingComma: 'es5',
           printWidth: 100,

package/mdx.mjs

@@ -1,8 +1,6 @@
-import main from './eslint.config.mjs';
 import * as mdx from 'eslint-plugin-mdx';
 
 export default [
-  ...main,
   {
     ...mdx.flat,
     // files: ['**/*.mdx'],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@switz/eslint-config",
-  "version": "12.1.5",
+  "version": "12.3.0",
   "description": "",
   "main": "eslint.config.mjs",
   "type": "module",

package/react.mjs

@@ -1,19 +1,17 @@
-import react from "eslint-plugin-react";
-import main from "./eslint.config.mjs";
+import react from 'eslint-plugin-react';
 // import tailwind from './tailwind.mjs';
 
 export default [
   react.configs.flat.recommended,
-  react.configs.flat["jsx-runtime"],
-  ...main,
+  react.configs.flat['jsx-runtime'],
   // ...tailwind,
   {
     rules: {
-      "react/display-name": "off",
+      'react/display-name': 'off',
     },
     settings: {
       react: {
-        version: "detect",
+        version: 'detect',
       },
     },
   },

package/tailwind.mjs

@@ -1,3 +1,17 @@
-import eslintPluginTailwindCSS from 'eslint-plugin-tailwindcss';
+import eslintPluginReadableTailwind from 'eslint-plugin-readable-tailwind';
 
-export default [eslintPluginTailwindCSS.configs['flat/recommended']];
+export default [
+  {
+    plugins: {
+      'readable-tailwind': eslintPluginReadableTailwind,
+    },
+    rules: {
+      // enable all recommended rules to warn
+      ...eslintPluginReadableTailwind.configs.warning.rules,
+      // enable all recommended rules to error
+      ...eslintPluginReadableTailwind.configs.error.rules,
+      // disabled because this conflicts with prettier. not worth the headache
+      'readable-tailwind/multiline': ['off'],
+    },
+  },
+];