@switz/eslint-config 12.1.3 → 12.1.4

package/README.md

@@ -26,21 +26,15 @@ import react from '@switz/eslint-config/react';
 export default [...react];
 ```
 
-Or typescript:
+If you need mdx support, use
 
 ```
-import typescript from '@switz/eslint-config/typescript';
+import mdx from '@switz/eslint-config/mdx';
 
-export default [...typescript];
+export default [...mdx];
 ```
 
-Or tailwind:
-
-```
-import tailwind from '@switz/eslint-config/tailwind';
-
-export default [...tailwind];
-```
+You should be able to combine configs just by spreading more into the array.
 
 ## Reference
 

package/eslint.config.mjs

@@ -1,10 +1,31 @@
-import globals from 'globals';
 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';
 
-export default [
+// export default (main, tseslint.configs.recommended, {
+//   rules: {
+//     'indent': 'off',
+//     'no-unused-vars': 'off',
+//     '@typescript-eslint/no-unused-vars': ['error', { ignoreRestSiblings: true }],
+//     '@typescript-eslint/indent': 'off',
+//     '@typescript-eslint/explicit-function-return-type': 'off',
+//     '@typescript-eslint/camelcase': 'off',
+//     '@typescript-eslint/no-use-before-define': ['error', { variables: false }],
+//     '@typescript-eslint/no-empty-function': 'off',
+//   },
+// });
+
+export default tseslint.config(
   {
     languageOptions: {
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
       globals: {
         ...globals.browser,
         ...globals.nodeBuiltin,
@@ -12,9 +33,18 @@ export default [
     },
   },
   js.configs.recommended,
+  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',
         {
@@ -44,6 +74,7 @@ export default [
       'prettier/prettier': [
         'error',
         {
+          // plugins: ['prettier-plugin-tailwindcss'],
           singleQuote: true,
           trailingComma: 'es5',
           printWidth: 100,
@@ -52,14 +83,5 @@ export default [
         },
       ],
     },
-  },
-];
-
-// export default {
-//   plugins: ['prettier-plugin-tailwindcss'],
-//   singleQuote: true,
-//   trailingComma: 'es5',
-//   printWidth: 100,
-//   quoteProps: 'consistent',
-//   endOfLine: 'auto',
-// };
+  }
+);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@switz/eslint-config",
-  "version": "12.1.3",
+  "version": "12.1.4",
   "description": "",
   "main": "eslint.config.mjs",
   "type": "module",
@@ -15,17 +15,18 @@
   },
   "dependencies": {
     "@eslint/js": "^9.24.0",
+    "@typescript-eslint/parser": "^8.29.1",
     "eslint-config-prettier": "^10.1.1",
     "eslint-plugin-mdx": "^3.1.5",
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-react": "^7.34.2",
-    "eslint-plugin-tailwindcss": "4.0.0-alpha.0",
     "globals": "^16.0.0",
     "prettier": "3.5.3",
-    "prettier-plugin-tailwindcss": "^0.6.11",
+    "tailwindcss": "^4.1.3",
     "typescript-eslint": "^8.29.0"
   },
   "devDependencies": {
-    "eslint": "^9.24.0"
+    "eslint": "^9.24.0",
+    "eslint-plugin-readable-tailwind": "^2.0.0"
   }
 }

package/react.mjs

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

package/examples/example.mdx

@@ -1,12 +0,0 @@
-# Hello!
-
-This is a test file
-
-<div>
-  {[1, 2323]}
-  test
-</div>
-
-```js
-const hi = 2;
-```

package/examples/example.tsx

@@ -1,2 +0,0 @@
-export const foo = 34;
-export const quotes = 'hello';

package/typescript.mjs

@@ -1,15 +0,0 @@
-import main from './eslint.config.mjs';
-import tseslint from 'typescript-eslint';
-
-export default tseslint.config(main, tseslint.configs.recommended, {
-  rules: {
-    'indent': 'off',
-    'no-unused-vars': 'off',
-    '@typescript-eslint/no-unused-vars': ['error', { ignoreRestSiblings: true }],
-    '@typescript-eslint/indent': 'off',
-    '@typescript-eslint/explicit-function-return-type': 'off',
-    '@typescript-eslint/camelcase': 'off',
-    '@typescript-eslint/no-use-before-define': ['error', { variables: false }],
-    '@typescript-eslint/no-empty-function': 'off',
-  },
-});