Example: Improve ESLint v9 example

master-co · Nov 27, 2024 · 304e631 · 304e631
1 parent 1578d11
commit 304e631
Show file tree

Hide file tree

Showing 10 changed files with 35 additions and 69 deletions.
diff --git a/examples/eslint/.eslintrc.js b/examples/eslint/.eslintrc.js
diff --git a/examples/eslint/.vscode/settings.json b/examples/eslint/.vscode/settings.json
diff --git a/examples/eslint/eslint.config.mjs b/examples/eslint/eslint.config.mjs
@@ -0,0 +1,27 @@
+import css from '@master/eslint-config-css'
+import htmlParser from '@angular-eslint/template-parser'
+import mdx from 'eslint-plugin-mdx'
+import tseslint from 'typescript-eslint'
+
+/** @type {import('eslint').Linter.Config[]} */
+export default tseslint.config(
+    css,
+    {
+        rules: {
+            '@master/css/class-validation': ['error', {
+                disallowUnknownClass: true
+            }],
+        },
+        settings: {
+            'mdx/code-blocks': true,
+        },
+    },
+    {
+        files: ['**/*.html'],
+        languageOptions: {
+            parser: htmlParser
+        }
+    },
+    mdx.configs.flat,
+    tseslint.configs.recommended,
+)
diff --git a/examples/eslint/package.json b/examples/eslint/package.json
@@ -1,15 +1,18 @@
 {
     "name": "master-css-eslint-example",
+    "type": "module",
+    "scripts": {
+        "lint": "eslint"
+    },
     "devDependencies": {
         "@angular-eslint/template-parser": "^16.3.1",
         "@master/eslint-config-css": "workspace:^",
         "@master/eslint-plugin-css": "workspace:^",
-        "shared": "workspace:^",
         "@master/styled.react": "^2.0.2",
-        "@typescript-eslint/parser": "^6.21.0",
         "clsx": "^2.1.0",
-        "eslint": "^8.57.0",
+        "eslint": "^9.0.0",
         "eslint-mdx": "^2.3.4",
-        "eslint-plugin-mdx": "^2.3.4"
+        "eslint-plugin-mdx": "^2.3.4",
+        "typescript-eslint": "^8.15.0"
     }
 }
diff --git a/examples/eslint/collision.html → examples/eslint/src/collision.html b/examples/eslint/collision.html → examples/eslint/src/collision.html
diff --git a/examples/eslint/collision.mdx → examples/eslint/src/collision.mdx b/examples/eslint/collision.mdx → examples/eslint/src/collision.mdx
diff --git a/examples/eslint/src/know.html b/examples/eslint/src/know.html
@@ -0,0 +1 @@
+<button class="btn unknow">...</button>
diff --git a/examples/eslint/order.html → examples/eslint/src/order.html b/examples/eslint/order.html → examples/eslint/src/order.html
diff --git a/examples/eslint/validation.html → examples/eslint/src/validation.html b/examples/eslint/validation.html → examples/eslint/src/validation.html
diff --git a/examples/eslint/unknow.html b/examples/eslint/unknow.html