@switz/eslint-config 12.4.0 → 12.5.0

package/eslint.config.mjs

@@ -1,23 +1,14 @@
+// @ts-check
+
 import js from '@eslint/js';
 import prettierPlugin from 'eslint-plugin-prettier/recommended';
 import globals from 'globals';
 
 import tseslint from 'typescript-eslint';
 
-// 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',
-//   },
-// });
-
-/** @type {import('@typescript-eslint/utils').TSESLint.FlatConfig.ConfigFile} */
+/**
+ * @type {import("eslint").Linter.Config[]}
+ * */
 export default [
   {
     languageOptions: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@switz/eslint-config",
-  "version": "12.4.0",
+  "version": "12.5.0",
   "description": "",
   "main": "eslint.config.mjs",
   "type": "module",
@@ -15,18 +15,17 @@
   },
   "dependencies": {
     "@eslint/js": "^10.0.1",
-    "@typescript-eslint/parser": "^8.54.0",
+    "@typescript-eslint/parser": "^8.56.0",
     "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-better-tailwindcss": "^4.3.0",
     "eslint-plugin-mdx": "^3.6.2",
     "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-react": "^7.34.2",
-    "eslint-plugin-readable-tailwind": "^3.0.0",
     "globals": "^17.3.0",
     "prettier": "3.8.1",
-    "tailwindcss": "^4.1.18",
-    "typescript-eslint": "^8.54.0"
+    "typescript-eslint": "^8.56.0"
   },
   "devDependencies": {
-    "eslint": "^10.0.0"
+    "eslint": "^10.0.1"
   }
 }

package/tailwind.mjs

@@ -1,17 +1,20 @@
-import eslintPluginReadableTailwind from 'eslint-plugin-readable-tailwind';
-
+import eslintPluginBetterTailwindcss from 'eslint-plugin-better-tailwindcss';
 export default [
   {
-    plugins: {
-      'readable-tailwind': eslintPluginReadableTailwind,
-    },
+    // enable all recommended rules
+    extends: [eslintPluginBetterTailwindcss.configs.recommended],
+
+    // if needed, override rules to configure them individually
     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'],
+      'better-tailwindcss/enforce-consistent-line-wrapping': ['warn', { printWidth: 100 }],
+      // 'better-tailwindcss/enforce-shorthand-classes': ['error'],
+    },
+
+    settings: {
+      'better-tailwindcss': {
+        // tailwindcss 4: the path to the entry file of the css based tailwind config (eg: `src/global.css`)
+        entryPoint: 'src/styles/global.css',
+      },
     },
   },
 ];