chore(deps): migrate to ESLint extends config structure (#994)

update
@eslint/js to 9.36.0
eslint to 9.36.0
@stylistic/eslint-plugin to 5.4.0

replace
eslint-plugin-jsonc with @eslint/json 0.13.2

Author: MikeMcC399

eslint.config.mjs

@@ -1,20 +1,21 @@
+import { defineConfig, globalIgnores } from 'eslint/config'
 import globals from 'globals'
-import pluginJs from '@eslint/js'
-import eslintPluginJsonc from 'eslint-plugin-jsonc'
-import stylistic from '@stylistic/eslint-plugin'
-import mochaPlugin from 'eslint-plugin-mocha'
+import js from '@eslint/js'
+import pluginMocha from 'eslint-plugin-mocha'
 import pluginCypress from 'eslint-plugin-cypress'
+import stylistic from '@stylistic/eslint-plugin'
+import json from '@eslint/json'
 
-export default [
-  pluginJs.configs.recommended,
-  ...eslintPluginJsonc.configs['flat/recommended-with-json'],
-  mochaPlugin.configs.recommended,
-  pluginCypress.configs.recommended,
-  stylistic.configs.recommended,
-  {
-    ignores: ['app/assets/js/{vendor,todo}/'],
-  },
+export default defineConfig([
+  globalIgnores(['app/assets/js/{vendor,todo}/']),
   {
+    files: ['**/*.{,m}js'],
+    extends: [
+      js.configs.recommended,
+      pluginMocha.configs.recommended,
+      pluginCypress.configs.recommended,
+      stylistic.configs.recommended,
+    ],
     rules: {
       '@stylistic/arrow-parens': ['error', 'always'],
       '@stylistic/comma-dangle': ['error', 'always-multiline'],
@@ -27,9 +28,14 @@ export default [
       'mocha/no-mocha-arrows': 'off',
     },
     languageOptions: {
-      globals: {
-        ...globals.node,
-      },
+      globals: globals.node,
     },
   },
-]
+  {
+    files: ['**/*.json'],
+    ignores: ['package-lock.json'],
+    plugins: { json },
+    language: 'json/json',
+    extends: ['json/recommended'],
+  },
+])

package-lock.json

@@ -14,7 +14,7 @@
     "test": "npm start & cypress run",
     "pretest": "npm run lint",
     "print-env": "print-env",
-    "lint": "eslint --fix cypress app/assets/js/scripts.js",
+    "lint": "eslint --fix",
     "lint:yaml": "yamllint '*.yml' '.buildkite/*.yml' '.circleci/*.yml' '.github/workflows/*.yml' '.semaphore/*.yml' 'basic/**/*.yml' ",
     "e2e": "cypress run",
     "e2e:chrome": "cypress run --browser chrome",
@@ -64,12 +64,12 @@
   },
   "devDependencies": {
     "@bahmutov/print-env": "1.3.0",
-    "@eslint/js": "9.35.0",
-    "@stylistic/eslint-plugin": "5.3.1",
+    "@eslint/js": "9.36.0",
+    "@eslint/json": "0.13.2",
+    "@stylistic/eslint-plugin": "5.4.0",
     "cypress": "15.0.0",
-    "eslint": "9.35.0",
+    "eslint": "9.36.0",
     "eslint-plugin-cypress": "5.1.1",
-    "eslint-plugin-jsonc": "2.20.1",
     "eslint-plugin-mocha": "11.1.0",
     "globals": "16.4.0",
     "globby": "11.1.0",