Chore: upgrade eslint to v8 (#340)

Author: ota-meshi

.github/workflows/NodeCI.yml

@@ -44,9 +44,25 @@ jobs:
                   node-version: 12.13.x
             - name: Install Target Packages
               run: |+
+                  npm ci
                   npm i -D eslint@6
-                  npx rimraf node_modules
-                  npm install
+            - name: Test
+              run: npm test
+    test-with-eslint7:
+        runs-on: ubuntu-latest
+        strategy:
+            matrix:
+                node-version: [12.x, 14.x, 16.x]
+        steps:
+            - uses: actions/checkout@v2
+            - name: Use Node.js ${{ matrix.node-version }}
+              uses: actions/setup-node@v2
+              with:
+                  node-version: ${{ matrix.node-version }}
+            - name: Install Target Packages
+              run: |+
+                  npm ci
+                  npm i -D eslint@7
             - name: Test
               run: npm test
     test-and-coverage:

docs/.vuepress/components/components/EslintPluginEditor.vue

@@ -17,6 +17,7 @@
 
 <script>
 import EslintEditor from "vue-eslint-editor"
+import { Linter } from "eslint/lib/linter"
 import plugin from "../../../.."
 
 export default {
@@ -46,7 +47,6 @@ export default {
 
     data() {
         return {
-            eslint4b: null,
             format: {
                 insertSpaces: true,
                 tabSize: 2,
@@ -85,7 +85,7 @@ export default {
                 rules: this.rules,
                 parserOptions: {
                     sourceType: "module",
-                    ecmaVersion: 2019,
+                    ecmaVersion: 2022,
                 },
             }
         },
@@ -96,11 +96,6 @@ export default {
             return "javascript"
         },
         linter() {
-            if (!this.eslint4b) {
-                return null
-            }
-            const Linter = this.eslint4b
-
             const linter = new Linter()
 
             for (const k of Object.keys(plugin.rules)) {
@@ -112,11 +107,7 @@ export default {
         },
     },
 
-    async mounted() {
-        // Load linter asynchronously.
-        const { default: eslint4b } = await import("eslint4b")
-        this.eslint4b = eslint4b
-
+    mounted() {
         const editor = this.$refs.editor
 
         editor.$watch("monaco", () => {

docs/.vuepress/components/rules/index.js

@@ -1,8 +1,10 @@
 // eslint-disable-next-line eslint-comments/disable-enable-pair -- demo
 /* eslint-disable node/no-unsupported-features/es-syntax -- demo */
-import * as coreRules from "../../../../node_modules/eslint4b/dist/core-rules"
+import { Linter } from "eslint/lib/linter"
 import plugin from "../../../../"
 
+const coreRules = Object.fromEntries(new Linter().getRules())
+
 const CATEGORY_TITLES = {
     "Possible Errors": "Possible Errors",
     "Best Practices": "Best Practices",

docs/.vuepress/config.js

@@ -1,3 +1,4 @@
+const path = require("path")
 const { rules } = require("../../dist/utils/rules")
 
 function ruleToLink({
@@ -33,9 +34,19 @@ module.exports = {
     evergreen: true,
     configureWebpack(_config, _isServer) {
         return {
+            externals: {
+                typescript: "typescript",
+            },
             resolve: {
                 alias: {
-                    eslint: require.resolve("eslint4b"),
+                    esquery: path.resolve(
+                        __dirname,
+                        "../../node_modules/esquery/dist/esquery.min.js",
+                    ),
+                    "@eslint/eslintrc/universal": path.resolve(
+                        __dirname,
+                        "../../node_modules/@eslint/eslintrc/dist/eslintrc-universal.cjs",
+                    ),
                 },
             },
         }

docs/.vuepress/enhanceApp.js

@@ -11,5 +11,11 @@ export default () =>
             if (typeof window.global === "undefined") {
                 window.global = {}
             }
+            if (typeof window.process === "undefined") {
+                window.process = {
+                    env: {},
+                    cwd: () => undefined,
+                }
+            }
         }
     }