From 184dc09d8b573597cc691df8aa78093ece2349a3 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 19 Aug 2021 14:40:23 +0900
Subject: [PATCH] Add test for ESLint v8 (#122)

* Add test for ESLint v8

* fix

* fix

* fix

* fix

* fix babel

* fix

* fix test

* fix

* fix

* fix

* fix

* fix

* fix
---
 .github/workflows/CI.yml                      |   4 +-
 package.json                                  |   7 +-
 scripts/ci-install-eslint.js                  |  10 +-
 scripts/update-fixtures-ast.js                |   7 +-
 test/ast.js                                   |   7 +-
 test/core-rules.js                            |  27 +-
 .../ast/end-of-line01/requirements.json       |   3 +
 .../ast/end-of-line02/requirements.json       |   3 +
 .../filters-opt-filter-off-babel-old/ast.json | 610 ++++++++++++++++++
 .../parser-options.json                       |   6 +
 .../requirements.json                         |   3 +
 .../source.vue                                |   3 +
 .../token-ranges.json                         |  18 +
 .../tree.json                                 |  66 ++
 .../ast/filters-opt-filter-off-babel/ast.json |  28 +-
 .../parser-options.json                       |  10 +-
 .../requirements.json                         |   3 +
 .../ast/multiple-scripts-10/requirements.json |   3 +
 .../ast/multiple-scripts-2/requirements.json  |   3 +
 .../ast/multiple-scripts-3/requirements.json  |   3 +
 .../ast/multiple-scripts-4/requirements.json  |   3 +
 .../ast/multiple-scripts-5/requirements.json  |   3 +
 .../ast/multiple-scripts-6/requirements.json  |   3 +
 .../ast/multiple-scripts-7/requirements.json  |   3 +
 .../ast/multiple-scripts-8/requirements.json  |   3 +
 .../ast/multiple-scripts-9/requirements.json  |   3 +
 .../requirements.json                         |   3 +
 .../requirements.json                         |   3 +
 .../requirements.json                         |   3 +
 .../requirements.json                         |   3 +
 .../ast/multiple-scripts/requirements.json    |   3 +
 .../requirements.json                         |   3 +
 .../script-setup-example01/requirements.json  |   3 +
 .../script-setup-example02/requirements.json  |   3 +
 .../script-setup-example04/requirements.json  |   3 +
 .../script-setup-example05/requirements.json  |   3 +
 .../script-setup-example06/requirements.json  |   3 +
 .../script-setup-example07/requirements.json  |   3 +
 .../script-setup-example08/requirements.json  |   3 +
 .../script-setup-example09/requirements.json  |   3 +
 .../script-setup-example13/requirements.json  |   3 +
 .../script-setup-example14/requirements.json  |   3 +
 .../script-setup-example15/requirements.json  |   3 +
 .../requirements.json                         |   3 +
 .../ast/script-setup/requirements.json        |   3 +
 .../svg-attrs-camel-case/requirements.json    |   3 +
 .../ast/svg-attrs-colon/requirements.json     |   3 +
 .../ast/svg-namespace/requirements.json       |   3 +
 test/index.js                                 | 387 ++++++-----
 test/lib/eslint-compat.js                     | 116 ++++
 test/parser-options.js                        |  25 +-
 51 files changed, 1227 insertions(+), 209 deletions(-)
 create mode 100644 test/fixtures/ast/end-of-line01/requirements.json
 create mode 100644 test/fixtures/ast/end-of-line02/requirements.json
 create mode 100644 test/fixtures/ast/filters-opt-filter-off-babel-old/ast.json
 create mode 100644 test/fixtures/ast/filters-opt-filter-off-babel-old/parser-options.json
 create mode 100644 test/fixtures/ast/filters-opt-filter-off-babel-old/requirements.json
 create mode 100644 test/fixtures/ast/filters-opt-filter-off-babel-old/source.vue
 create mode 100644 test/fixtures/ast/filters-opt-filter-off-babel-old/token-ranges.json
 create mode 100644 test/fixtures/ast/filters-opt-filter-off-babel-old/tree.json
 create mode 100644 test/fixtures/ast/filters-opt-filter-off-babel/requirements.json
 create mode 100644 test/fixtures/ast/multiple-scripts-10/requirements.json
 create mode 100644 test/fixtures/ast/multiple-scripts-2/requirements.json
 create mode 100644 test/fixtures/ast/multiple-scripts-3/requirements.json
 create mode 100644 test/fixtures/ast/multiple-scripts-4/requirements.json
 create mode 100644 test/fixtures/ast/multiple-scripts-5/requirements.json
 create mode 100644 test/fixtures/ast/multiple-scripts-6/requirements.json
 create mode 100644 test/fixtures/ast/multiple-scripts-7/requirements.json
 create mode 100644 test/fixtures/ast/multiple-scripts-8/requirements.json
 create mode 100644 test/fixtures/ast/multiple-scripts-9/requirements.json
 create mode 100644 test/fixtures/ast/multiple-scripts-with-export01/requirements.json
 create mode 100644 test/fixtures/ast/multiple-scripts-with-export02/requirements.json
 create mode 100644 test/fixtures/ast/multiple-scripts-with-export03/requirements.json
 create mode 100644 test/fixtures/ast/multiple-scripts-with-export04/requirements.json
 create mode 100644 test/fixtures/ast/multiple-scripts/requirements.json
 create mode 100644 test/fixtures/ast/parser-option-multiple-parsers-2/requirements.json
 create mode 100644 test/fixtures/ast/script-setup-example01/requirements.json
 create mode 100644 test/fixtures/ast/script-setup-example02/requirements.json
 create mode 100644 test/fixtures/ast/script-setup-example04/requirements.json
 create mode 100644 test/fixtures/ast/script-setup-example05/requirements.json
 create mode 100644 test/fixtures/ast/script-setup-example06/requirements.json
 create mode 100644 test/fixtures/ast/script-setup-example07/requirements.json
 create mode 100644 test/fixtures/ast/script-setup-example08/requirements.json
 create mode 100644 test/fixtures/ast/script-setup-example09/requirements.json
 create mode 100644 test/fixtures/ast/script-setup-example13/requirements.json
 create mode 100644 test/fixtures/ast/script-setup-example14/requirements.json
 create mode 100644 test/fixtures/ast/script-setup-example15/requirements.json
 create mode 100644 test/fixtures/ast/script-setup-with-export/requirements.json
 create mode 100644 test/fixtures/ast/script-setup/requirements.json
 create mode 100644 test/fixtures/ast/svg-attrs-camel-case/requirements.json
 create mode 100644 test/fixtures/ast/svg-attrs-colon/requirements.json
 create mode 100644 test/fixtures/ast/svg-namespace/requirements.json
 create mode 100644 test/lib/eslint-compat.js

diff --git a/.github/workflows/CI.yml b/.github/workflows/CI.yml
index a6e32261..1fe52242 100644
--- a/.github/workflows/CI.yml
+++ b/.github/workflows/CI.yml
@@ -29,8 +29,8 @@ jobs:
     name: Test
     strategy:
       matrix:
-        eslint: [7]
-        node: [14]
+        eslint: [7, '8.0.0-0']
+        node: [14, 16]
         os: [ubuntu-latest]
         include:
           # On other platforms
diff --git a/package.json b/package.json
index 5197b8e0..02a8746c 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,11 @@
     "semver": "^6.3.0"
   },
   "devDependencies": {
+    "@babel/core": "^7.15.0",
+    "@babel/eslint-parser": "^7.15.0",
+    "@babel/plugin-syntax-decorators": "^7.14.5",
+    "@babel/plugin-syntax-pipeline-operator": "^7.15.0",
+    "@babel/plugin-syntax-typescript": "^7.14.5",
     "@mysticatea/eslint-plugin": "^13.0.0",
     "@types/debug": "0.0.30",
     "@types/eslint": "^7.2.6",
@@ -67,7 +72,7 @@
     "pretest": "run-s build lint",
     "test": "npm run -s test:mocha",
     "test:mocha": "nyc mocha \"test/*.js\" --reporter dot --timeout 60000",
-    "test:debug": "mocha --inspect --require ts-node/register/transpile-only \"test/*.js\" --reporter dot --timeout 60000",
+    "test:debug": "mocha --require ts-node/register/transpile-only \"test/*.js\" --reporter dot --timeout 60000",
     "preupdate-fixtures": "npm run -s build",
     "update-fixtures": "node scripts/update-fixtures-ast.js && node scripts/update-fixtures-document-fragment.js",
     "preversion": "npm test",
diff --git a/scripts/ci-install-eslint.js b/scripts/ci-install-eslint.js
index 7bde2b54..724c0ebc 100644
--- a/scripts/ci-install-eslint.js
+++ b/scripts/ci-install-eslint.js
@@ -12,7 +12,7 @@ function sh(command) {
     return new Promise((resolve, reject) => {
         spawn(command, [], { shell: true, stdio: "inherit" })
             .on("error", reject)
-            .on("exit", exitCode => {
+            .on("exit", (exitCode) => {
                 if (exitCode) {
                     reject(new Error(`Exit with non-zero ${exitCode}`))
                 } else {
@@ -29,10 +29,10 @@ function sh(command) {
         : `^${requestedVersion}`
 
     // Install ESLint of the requested version
-    await sh(`npm install eslint@${requestedVersionSpec}`)
+    await sh(`npm install eslint@${requestedVersionSpec} --legacy-peer-deps`)
 
     // Install ESLint submodule of the requested version
-    const installedVersion = require("eslint").CLIEngine.version
+    const installedVersion = require("eslint/package.json").version
     cd("test/fixtures/eslint")
     if (!installedVersion.startsWith("7.")) {
         await sh(`git checkout v${installedVersion}`)
@@ -40,8 +40,8 @@ function sh(command) {
     if (installedVersion.startsWith("5.")) {
         await sh("npm install eslint-utils@1.4.0")
     }
-    await sh("npm install")
-})().catch(error => {
+    await sh("npm install --legacy-peer-deps")
+})().catch((error) => {
     console.error(error)
     process.exitCode = 1
 })
diff --git a/scripts/update-fixtures-ast.js b/scripts/update-fixtures-ast.js
index 9e0fa561..2290ba28 100644
--- a/scripts/update-fixtures-ast.js
+++ b/scripts/update-fixtures-ast.js
@@ -208,8 +208,11 @@ for (const name of TARGETS) {
         : {}
     if (
         Object.entries(requirements).some(([pkgName, pkgVersion]) => {
-            const pkg = require(`${pkgName}/package.json`)
-            return !semver.satisfies(pkg.version, pkgVersion)
+            const version =
+                pkgName === "node"
+                    ? process.version
+                    : require(`${pkgName}/package.json`).version
+            return !semver.satisfies(version, pkgVersion)
         })
     ) {
         continue
diff --git a/test/ast.js b/test/ast.js
index 48a9b58a..e5634442 100644
--- a/test/ast.js
+++ b/test/ast.js
@@ -190,8 +190,11 @@ describe("Template AST", () => {
 
         if (
             Object.entries(requirements).some(([pkgName, pkgVersion]) => {
-                const pkg = require(`${pkgName}/package.json`)
-                return !semver.satisfies(pkg.version, pkgVersion)
+                const version =
+                    pkgName === "node"
+                        ? process.version
+                        : require(`${pkgName}/package.json`).version
+                return !semver.satisfies(version, pkgVersion)
             })
         ) {
             continue
diff --git a/test/core-rules.js b/test/core-rules.js
index 8a2b2b51..69c7772a 100644
--- a/test/core-rules.js
+++ b/test/core-rules.js
@@ -104,8 +104,15 @@ function modifyPattern(ruleId, pattern) {
 
     // Ignore for now
     if (
-        ruleId === "newline-per-chained-call" &&
-        pattern.code === "foo.bar()['foo' + \u2029 + 'bar']()"
+        (ruleId === "newline-per-chained-call" &&
+            pattern.code === "foo.bar()['foo' + \u2029 + 'bar']()") ||
+        (ruleId === "no-nonoctal-decimal-escape" &&
+            pattern.code === "'\\\r\n\\9'") ||
+        // The location is reported as a fixed value: { line: 1, column: 0 }.
+        (ruleId === "consistent-return" &&
+            pattern.parserOptions &&
+            pattern.parserOptions.ecmaFeatures &&
+            pattern.parserOptions.ecmaFeatures.globalReturn === true)
     ) {
         return null
     }
@@ -151,6 +158,22 @@ function modifyPattern(ruleId, pattern) {
                     }
                 }
 
+                // `no-shadow` rule is special a bit.
+                if (ruleId === "no-shadow") {
+                    // The data that the rule gives to the message contains the location.
+                    if (
+                        error.data &&
+                        error.data &&
+                        Object.hasOwnProperty.call(
+                            error.data,
+                            "shadowedLine"
+                        ) &&
+                        typeof error.data.shadowedLine === "number"
+                    ) {
+                        error.data.shadowedLine++
+                    }
+                }
+
                 // Wrap the code by `<script>` tag.
                 if (Array.isArray(error.suggestions)) {
                     for (const suggestion of error.suggestions) {
diff --git a/test/fixtures/ast/end-of-line01/requirements.json b/test/fixtures/ast/end-of-line01/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/end-of-line01/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/end-of-line02/requirements.json b/test/fixtures/ast/end-of-line02/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/end-of-line02/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/filters-opt-filter-off-babel-old/ast.json b/test/fixtures/ast/filters-opt-filter-off-babel-old/ast.json
new file mode 100644
index 00000000..200f957a
--- /dev/null
+++ b/test/fixtures/ast/filters-opt-filter-off-babel-old/ast.json
@@ -0,0 +1,610 @@
+{
+    "type": "Program",
+    "start": 0,
+    "end": 0,
+    "loc": {
+        "start": {
+            "line": 1,
+            "column": 0
+        },
+        "end": {
+            "line": 1,
+            "column": 0
+        }
+    },
+    "range": [
+        0,
+        0
+    ],
+    "errors": [],
+    "comments": [],
+    "tokens": [],
+    "sourceType": "module",
+    "body": [],
+    "templateBody": {
+        "type": "VElement",
+        "range": [
+            0,
+            54
+        ],
+        "loc": {
+            "start": {
+                "line": 1,
+                "column": 0
+            },
+            "end": {
+                "line": 3,
+                "column": 11
+            }
+        },
+        "name": "template",
+        "rawName": "template",
+        "namespace": "http://www.w3.org/1999/xhtml",
+        "startTag": {
+            "type": "VStartTag",
+            "range": [
+                0,
+                10
+            ],
+            "loc": {
+                "start": {
+                    "line": 1,
+                    "column": 0
+                },
+                "end": {
+                    "line": 1,
+                    "column": 10
+                }
+            },
+            "selfClosing": false,
+            "attributes": []
+        },
+        "children": [
+            {
+                "type": "VText",
+                "range": [
+                    10,
+                    15
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 10
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 4
+                    }
+                },
+                "value": "\n    "
+            },
+            {
+                "type": "VElement",
+                "range": [
+                    15,
+                    42
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 4
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 31
+                    }
+                },
+                "name": "div",
+                "rawName": "div",
+                "namespace": "http://www.w3.org/1999/xhtml",
+                "startTag": {
+                    "type": "VStartTag",
+                    "range": [
+                        15,
+                        20
+                    ],
+                    "loc": {
+                        "start": {
+                            "line": 2,
+                            "column": 4
+                        },
+                        "end": {
+                            "line": 2,
+                            "column": 9
+                        }
+                    },
+                    "selfClosing": false,
+                    "attributes": []
+                },
+                "children": [
+                    {
+                        "type": "VExpressionContainer",
+                        "range": [
+                            20,
+                            36
+                        ],
+                        "loc": {
+                            "start": {
+                                "line": 2,
+                                "column": 9
+                            },
+                            "end": {
+                                "line": 2,
+                                "column": 25
+                            }
+                        },
+                        "expression": {
+                            "type": "BinaryExpression",
+                            "start": 23,
+                            "end": 33,
+                            "loc": {
+                                "start": {
+                                    "line": 2,
+                                    "column": 12
+                                },
+                                "end": {
+                                    "line": 2,
+                                    "column": 22
+                                }
+                            },
+                            "range": [
+                                23,
+                                33
+                            ],
+                            "left": {
+                                "type": "Identifier",
+                                "start": 23,
+                                "end": 26,
+                                "loc": {
+                                    "start": {
+                                        "line": 2,
+                                        "column": 12
+                                    },
+                                    "end": {
+                                        "line": 2,
+                                        "column": 15
+                                    },
+                                    "identifierName": "foo"
+                                },
+                                "range": [
+                                    23,
+                                    26
+                                ],
+                                "name": "foo",
+                                "_babelType": "Identifier"
+                            },
+                            "operator": "|>",
+                            "right": {
+                                "type": "Identifier",
+                                "start": 30,
+                                "end": 33,
+                                "loc": {
+                                    "start": {
+                                        "line": 2,
+                                        "column": 19
+                                    },
+                                    "end": {
+                                        "line": 2,
+                                        "column": 22
+                                    },
+                                    "identifierName": "bar"
+                                },
+                                "range": [
+                                    30,
+                                    33
+                                ],
+                                "name": "bar",
+                                "_babelType": "Identifier"
+                            },
+                            "_babelType": "BinaryExpression"
+                        },
+                        "references": [
+                            {
+                                "id": {
+                                    "type": "Identifier",
+                                    "start": 23,
+                                    "end": 26,
+                                    "loc": {
+                                        "start": {
+                                            "line": 2,
+                                            "column": 12
+                                        },
+                                        "end": {
+                                            "line": 2,
+                                            "column": 15
+                                        },
+                                        "identifierName": "foo"
+                                    },
+                                    "range": [
+                                        23,
+                                        26
+                                    ],
+                                    "name": "foo",
+                                    "_babelType": "Identifier"
+                                },
+                                "mode": "r"
+                            },
+                            {
+                                "id": {
+                                    "type": "Identifier",
+                                    "start": 30,
+                                    "end": 33,
+                                    "loc": {
+                                        "start": {
+                                            "line": 2,
+                                            "column": 19
+                                        },
+                                        "end": {
+                                            "line": 2,
+                                            "column": 22
+                                        },
+                                        "identifierName": "bar"
+                                    },
+                                    "range": [
+                                        30,
+                                        33
+                                    ],
+                                    "name": "bar",
+                                    "_babelType": "Identifier"
+                                },
+                                "mode": "r"
+                            }
+                        ]
+                    }
+                ],
+                "endTag": {
+                    "type": "VEndTag",
+                    "range": [
+                        36,
+                        42
+                    ],
+                    "loc": {
+                        "start": {
+                            "line": 2,
+                            "column": 25
+                        },
+                        "end": {
+                            "line": 2,
+                            "column": 31
+                        }
+                    }
+                },
+                "variables": []
+            },
+            {
+                "type": "VText",
+                "range": [
+                    42,
+                    43
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 31
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 0
+                    }
+                },
+                "value": "\n"
+            }
+        ],
+        "endTag": {
+            "type": "VEndTag",
+            "range": [
+                43,
+                54
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 0
+                },
+                "end": {
+                    "line": 3,
+                    "column": 11
+                }
+            }
+        },
+        "variables": [],
+        "tokens": [
+            {
+                "type": "HTMLTagOpen",
+                "range": [
+                    0,
+                    9
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 0
+                    },
+                    "end": {
+                        "line": 1,
+                        "column": 9
+                    }
+                },
+                "value": "template"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    9,
+                    10
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 9
+                    },
+                    "end": {
+                        "line": 1,
+                        "column": 10
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    10,
+                    15
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 10
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 4
+                    }
+                },
+                "value": "\n    "
+            },
+            {
+                "type": "HTMLTagOpen",
+                "range": [
+                    15,
+                    19
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 4
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 8
+                    }
+                },
+                "value": "div"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    19,
+                    20
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 8
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 9
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "VExpressionStart",
+                "range": [
+                    20,
+                    22
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 9
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 11
+                    }
+                },
+                "value": "{{"
+            },
+            {
+                "type": "Identifier",
+                "value": "foo",
+                "start": 23,
+                "end": 26,
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 12
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 15
+                    }
+                },
+                "range": [
+                    23,
+                    26
+                ]
+            },
+            {
+                "type": "Punctuator",
+                "value": "|>",
+                "start": 27,
+                "end": 29,
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 16
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 18
+                    }
+                },
+                "range": [
+                    27,
+                    29
+                ]
+            },
+            {
+                "type": "Identifier",
+                "value": "bar",
+                "start": 30,
+                "end": 33,
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 19
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 22
+                    }
+                },
+                "range": [
+                    30,
+                    33
+                ]
+            },
+            {
+                "type": "VExpressionEnd",
+                "range": [
+                    34,
+                    36
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 23
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 25
+                    }
+                },
+                "value": "}}"
+            },
+            {
+                "type": "HTMLEndTagOpen",
+                "range": [
+                    36,
+                    41
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 25
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 30
+                    }
+                },
+                "value": "div"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    41,
+                    42
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 30
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 31
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    42,
+                    43
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 31
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 0
+                    }
+                },
+                "value": "\n"
+            },
+            {
+                "type": "HTMLEndTagOpen",
+                "range": [
+                    43,
+                    53
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 0
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 10
+                    }
+                },
+                "value": "template"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    53,
+                    54
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 10
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 11
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    54,
+                    55
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 11
+                    },
+                    "end": {
+                        "line": 4,
+                        "column": 0
+                    }
+                },
+                "value": "\n"
+            }
+        ],
+        "comments": [],
+        "errors": []
+    }
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/filters-opt-filter-off-babel-old/parser-options.json b/test/fixtures/ast/filters-opt-filter-off-babel-old/parser-options.json
new file mode 100644
index 00000000..69efe8d7
--- /dev/null
+++ b/test/fixtures/ast/filters-opt-filter-off-babel-old/parser-options.json
@@ -0,0 +1,6 @@
+{
+  "parser": "babel-eslint",
+  "vueFeatures": {
+    "filter": false
+  }
+}
diff --git a/test/fixtures/ast/filters-opt-filter-off-babel-old/requirements.json b/test/fixtures/ast/filters-opt-filter-off-babel-old/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/filters-opt-filter-off-babel-old/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/filters-opt-filter-off-babel-old/source.vue b/test/fixtures/ast/filters-opt-filter-off-babel-old/source.vue
new file mode 100644
index 00000000..868e8859
--- /dev/null
+++ b/test/fixtures/ast/filters-opt-filter-off-babel-old/source.vue
@@ -0,0 +1,3 @@
+<template>
+    <div>{{ foo |> bar }}</div>
+</template>
diff --git a/test/fixtures/ast/filters-opt-filter-off-babel-old/token-ranges.json b/test/fixtures/ast/filters-opt-filter-off-babel-old/token-ranges.json
new file mode 100644
index 00000000..68f472a1
--- /dev/null
+++ b/test/fixtures/ast/filters-opt-filter-off-babel-old/token-ranges.json
@@ -0,0 +1,18 @@
+[
+    "<template",
+    ">",
+    "\n    ",
+    "<div",
+    ">",
+    "{{",
+    "foo",
+    "|>",
+    "bar",
+    "}}",
+    "</div",
+    ">",
+    "\n",
+    "</template",
+    ">",
+    "\n"
+]
\ No newline at end of file
diff --git a/test/fixtures/ast/filters-opt-filter-off-babel-old/tree.json b/test/fixtures/ast/filters-opt-filter-off-babel-old/tree.json
new file mode 100644
index 00000000..7db3a314
--- /dev/null
+++ b/test/fixtures/ast/filters-opt-filter-off-babel-old/tree.json
@@ -0,0 +1,66 @@
+[
+    {
+        "type": "VElement",
+        "text": "<template>\n    <div>{{ foo |> bar }}</div>\n</template>",
+        "children": [
+            {
+                "type": "VStartTag",
+                "text": "<template>",
+                "children": []
+            },
+            {
+                "type": "VText",
+                "text": "\n    ",
+                "children": []
+            },
+            {
+                "type": "VElement",
+                "text": "<div>{{ foo |> bar }}</div>",
+                "children": [
+                    {
+                        "type": "VStartTag",
+                        "text": "<div>",
+                        "children": []
+                    },
+                    {
+                        "type": "VExpressionContainer",
+                        "text": "{{ foo |> bar }}",
+                        "children": [
+                            {
+                                "type": "BinaryExpression",
+                                "text": "foo |> bar",
+                                "children": [
+                                    {
+                                        "type": "Identifier",
+                                        "text": "foo",
+                                        "children": []
+                                    },
+                                    {
+                                        "type": "Identifier",
+                                        "text": "bar",
+                                        "children": []
+                                    }
+                                ]
+                            }
+                        ]
+                    },
+                    {
+                        "type": "VEndTag",
+                        "text": "</div>",
+                        "children": []
+                    }
+                ]
+            },
+            {
+                "type": "VText",
+                "text": "\n",
+                "children": []
+            },
+            {
+                "type": "VEndTag",
+                "text": "</template>",
+                "children": []
+            }
+        ]
+    }
+]
\ No newline at end of file
diff --git a/test/fixtures/ast/filters-opt-filter-off-babel/ast.json b/test/fixtures/ast/filters-opt-filter-off-babel/ast.json
index 200f957a..5798c090 100644
--- a/test/fixtures/ast/filters-opt-filter-off-babel/ast.json
+++ b/test/fixtures/ast/filters-opt-filter-off-babel/ast.json
@@ -16,7 +16,6 @@
         0,
         0
     ],
-    "errors": [],
     "comments": [],
     "tokens": [],
     "sourceType": "module",
@@ -163,15 +162,13 @@
                                     "end": {
                                         "line": 2,
                                         "column": 15
-                                    },
-                                    "identifierName": "foo"
+                                    }
                                 },
                                 "range": [
                                     23,
                                     26
                                 ],
-                                "name": "foo",
-                                "_babelType": "Identifier"
+                                "name": "foo"
                             },
                             "operator": "|>",
                             "right": {
@@ -186,17 +183,14 @@
                                     "end": {
                                         "line": 2,
                                         "column": 22
-                                    },
-                                    "identifierName": "bar"
+                                    }
                                 },
                                 "range": [
                                     30,
                                     33
                                 ],
-                                "name": "bar",
-                                "_babelType": "Identifier"
-                            },
-                            "_babelType": "BinaryExpression"
+                                "name": "bar"
+                            }
                         },
                         "references": [
                             {
@@ -212,15 +206,13 @@
                                         "end": {
                                             "line": 2,
                                             "column": 15
-                                        },
-                                        "identifierName": "foo"
+                                        }
                                     },
                                     "range": [
                                         23,
                                         26
                                     ],
-                                    "name": "foo",
-                                    "_babelType": "Identifier"
+                                    "name": "foo"
                                 },
                                 "mode": "r"
                             },
@@ -237,15 +229,13 @@
                                         "end": {
                                             "line": 2,
                                             "column": 22
-                                        },
-                                        "identifierName": "bar"
+                                        }
                                     },
                                     "range": [
                                         30,
                                         33
                                     ],
-                                    "name": "bar",
-                                    "_babelType": "Identifier"
+                                    "name": "bar"
                                 },
                                 "mode": "r"
                             }
diff --git a/test/fixtures/ast/filters-opt-filter-off-babel/parser-options.json b/test/fixtures/ast/filters-opt-filter-off-babel/parser-options.json
index 69efe8d7..959a61c7 100644
--- a/test/fixtures/ast/filters-opt-filter-off-babel/parser-options.json
+++ b/test/fixtures/ast/filters-opt-filter-off-babel/parser-options.json
@@ -1,5 +1,13 @@
 {
-  "parser": "babel-eslint",
+  "parser": "@babel/eslint-parser",
+  "requireConfigFile": false,
+  "babelOptions": {
+    "plugins": [
+      [
+        "@babel/plugin-syntax-pipeline-operator", { "proposal": "minimal" }
+      ]
+    ]
+  },
   "vueFeatures": {
     "filter": false
   }
diff --git a/test/fixtures/ast/filters-opt-filter-off-babel/requirements.json b/test/fixtures/ast/filters-opt-filter-off-babel/requirements.json
new file mode 100644
index 00000000..599c1280
--- /dev/null
+++ b/test/fixtures/ast/filters-opt-filter-off-babel/requirements.json
@@ -0,0 +1,3 @@
+{
+    "node": ">=12"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/multiple-scripts-10/requirements.json b/test/fixtures/ast/multiple-scripts-10/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/multiple-scripts-10/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/multiple-scripts-2/requirements.json b/test/fixtures/ast/multiple-scripts-2/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/multiple-scripts-2/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/multiple-scripts-3/requirements.json b/test/fixtures/ast/multiple-scripts-3/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/multiple-scripts-3/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/multiple-scripts-4/requirements.json b/test/fixtures/ast/multiple-scripts-4/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/multiple-scripts-4/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/multiple-scripts-5/requirements.json b/test/fixtures/ast/multiple-scripts-5/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/multiple-scripts-5/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/multiple-scripts-6/requirements.json b/test/fixtures/ast/multiple-scripts-6/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/multiple-scripts-6/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/multiple-scripts-7/requirements.json b/test/fixtures/ast/multiple-scripts-7/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/multiple-scripts-7/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/multiple-scripts-8/requirements.json b/test/fixtures/ast/multiple-scripts-8/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/multiple-scripts-8/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/multiple-scripts-9/requirements.json b/test/fixtures/ast/multiple-scripts-9/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/multiple-scripts-9/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/multiple-scripts-with-export01/requirements.json b/test/fixtures/ast/multiple-scripts-with-export01/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/multiple-scripts-with-export01/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/multiple-scripts-with-export02/requirements.json b/test/fixtures/ast/multiple-scripts-with-export02/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/multiple-scripts-with-export02/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/multiple-scripts-with-export03/requirements.json b/test/fixtures/ast/multiple-scripts-with-export03/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/multiple-scripts-with-export03/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/multiple-scripts-with-export04/requirements.json b/test/fixtures/ast/multiple-scripts-with-export04/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/multiple-scripts-with-export04/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/multiple-scripts/requirements.json b/test/fixtures/ast/multiple-scripts/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/multiple-scripts/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/parser-option-multiple-parsers-2/requirements.json b/test/fixtures/ast/parser-option-multiple-parsers-2/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/parser-option-multiple-parsers-2/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/script-setup-example01/requirements.json b/test/fixtures/ast/script-setup-example01/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/script-setup-example01/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/script-setup-example02/requirements.json b/test/fixtures/ast/script-setup-example02/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/script-setup-example02/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/script-setup-example04/requirements.json b/test/fixtures/ast/script-setup-example04/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/script-setup-example04/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/script-setup-example05/requirements.json b/test/fixtures/ast/script-setup-example05/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/script-setup-example05/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/script-setup-example06/requirements.json b/test/fixtures/ast/script-setup-example06/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/script-setup-example06/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/script-setup-example07/requirements.json b/test/fixtures/ast/script-setup-example07/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/script-setup-example07/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/script-setup-example08/requirements.json b/test/fixtures/ast/script-setup-example08/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/script-setup-example08/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/script-setup-example09/requirements.json b/test/fixtures/ast/script-setup-example09/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/script-setup-example09/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/script-setup-example13/requirements.json b/test/fixtures/ast/script-setup-example13/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/script-setup-example13/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/script-setup-example14/requirements.json b/test/fixtures/ast/script-setup-example14/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/script-setup-example14/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/script-setup-example15/requirements.json b/test/fixtures/ast/script-setup-example15/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/script-setup-example15/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/script-setup-with-export/requirements.json b/test/fixtures/ast/script-setup-with-export/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/script-setup-with-export/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/script-setup/requirements.json b/test/fixtures/ast/script-setup/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/script-setup/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/svg-attrs-camel-case/requirements.json b/test/fixtures/ast/svg-attrs-camel-case/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/svg-attrs-camel-case/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/svg-attrs-colon/requirements.json b/test/fixtures/ast/svg-attrs-colon/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/svg-attrs-colon/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/svg-namespace/requirements.json b/test/fixtures/ast/svg-namespace/requirements.json
new file mode 100644
index 00000000..a3f8f083
--- /dev/null
+++ b/test/fixtures/ast/svg-namespace/requirements.json
@@ -0,0 +1,3 @@
+{
+    "eslint": "<8"
+}
\ No newline at end of file
diff --git a/test/index.js b/test/index.js
index 42b23e5a..c59eb8fc 100644
--- a/test/index.js
+++ b/test/index.js
@@ -15,8 +15,8 @@ const fs = require("fs-extra")
 const semver = require("semver")
 const parse = require("../src").parse
 const parseForESLint = require("../src").parseForESLint
-const eslint = require("./fixtures/eslint")
-const CLIEngine = eslint.CLIEngine
+const eslint = require("./lib/eslint-compat")(require("./fixtures/eslint"))
+const ESLint = eslint.ESLint
 const Linter = eslint.Linter
 
 //------------------------------------------------------------------------------
@@ -27,6 +27,25 @@ const ORIGINAL_FIXTURE_DIR = path.join(__dirname, "fixtures")
 const FIXTURE_DIR = path.join(__dirname, "temp")
 const PARSER_PATH = path.resolve(__dirname, "../src/index.ts")
 
+const BABEL_PARSER_OPTIONS = semver.satisfies(ESLint.version, "<8")
+    ? {
+          parser: "babel-eslint",
+      }
+    : {
+          parser: "@babel/eslint-parser",
+          requireConfigFile: false,
+          babelOptions: {
+              plugins: [
+                  "@babel/plugin-syntax-typescript",
+                  [
+                      "@babel/plugin-syntax-decorators",
+                      {
+                          decoratorsBeforeExport: true,
+                      },
+                  ],
+              ],
+          },
+      }
 //------------------------------------------------------------------------------
 // Tests
 //------------------------------------------------------------------------------
@@ -48,16 +67,18 @@ describe("Basic tests", () => {
     })
 
     describe("About fixtures/hello.vue", () => {
-        it("should notify 2 'semi' errors", () => {
-            const cli = new CLIEngine({
+        it("should notify 2 'semi' errors", async () => {
+            const cli = new ESLint({
                 cwd: FIXTURE_DIR,
-                envs: ["es6", "node"],
-                parser: PARSER_PATH,
-                rules: { semi: "error" },
+                overrideConfig: {
+                    env: { es6: true, node: true },
+                    parser: PARSER_PATH,
+                    rules: { semi: "error" },
+                },
                 useEslintrc: false,
             })
-            const report = cli.executeOnFiles(["hello.vue"])
-            const messages = report.results[0].messages
+            const report = await cli.lintFiles(["hello.vue"])
+            const messages = report[0].messages
 
             assert(messages.length === 2)
             assert(messages[0].ruleId === "semi")
@@ -68,16 +89,18 @@ describe("Basic tests", () => {
             assert(messages[1].column === 2)
         })
 
-        it("should fix 2 'semi' errors with --fix option", () => {
-            const cli = new CLIEngine({
+        it("should fix 2 'semi' errors with --fix option", async () => {
+            const cli = new ESLint({
                 cwd: FIXTURE_DIR,
-                envs: ["es6", "node"],
                 fix: true,
-                parser: PARSER_PATH,
-                rules: { semi: "error" },
+                overrideConfig: {
+                    env: { es6: true, node: true },
+                    parser: PARSER_PATH,
+                    rules: { semi: "error" },
+                },
                 useEslintrc: false,
             })
-            CLIEngine.outputFixes(cli.executeOnFiles(["hello.vue"]))
+            await ESLint.outputFixes(await cli.lintFiles(["hello.vue"]))
 
             const actual = fs.readFileSync(
                 path.join(FIXTURE_DIR, "hello.vue"),
@@ -93,80 +116,90 @@ describe("Basic tests", () => {
     })
 
     describe("About fixtures/empty.vue", () => {
-        it("should notify no error", () => {
-            const cli = new CLIEngine({
+        it("should notify no error", async () => {
+            const cli = new ESLint({
                 cwd: FIXTURE_DIR,
-                envs: ["es6", "node"],
-                parser: PARSER_PATH,
-                rules: { semi: "error" },
+                overrideConfig: {
+                    env: { es6: true, node: true },
+                    parser: PARSER_PATH,
+                    rules: { semi: "error" },
+                },
                 useEslintrc: false,
             })
-            const report = cli.executeOnFiles(["empty.vue"])
-            const messages = report.results[0].messages
+            const report = await cli.lintFiles(["empty.vue"])
+            const messages = report[0].messages
 
-            assert(messages.length === 0)
+            assert.deepStrictEqual(messages, [])
         })
     })
 
     describe("About fixtures/no-script.vue", () => {
-        it("should notify no error", () => {
-            const cli = new CLIEngine({
+        it("should notify no error", async () => {
+            const cli = new ESLint({
                 cwd: FIXTURE_DIR,
-                envs: ["es6", "node"],
-                parser: PARSER_PATH,
-                rules: { semi: "error" },
+                overrideConfig: {
+                    env: { es6: true, node: true },
+                    parser: PARSER_PATH,
+                    rules: { semi: "error" },
+                },
                 useEslintrc: false,
             })
-            const report = cli.executeOnFiles(["no-script.vue"])
-            const messages = report.results[0].messages
+            const report = await cli.lintFiles(["no-script.vue"])
+            const messages = report[0].messages
 
-            assert(messages.length === 0)
+            assert.deepStrictEqual(messages, [])
         })
     })
 
     describe("About fixtures/empty-script.vue", () => {
-        it("should notify no error", () => {
-            const cli = new CLIEngine({
+        it("should notify no error", async () => {
+            const cli = new ESLint({
                 cwd: FIXTURE_DIR,
-                envs: ["es6", "node"],
-                parser: PARSER_PATH,
-                rules: { semi: "error" },
+                overrideConfig: {
+                    env: { es6: true, node: true },
+                    parser: PARSER_PATH,
+                    rules: { semi: "error" },
+                },
                 useEslintrc: false,
             })
-            const report = cli.executeOnFiles(["empty-script.vue"])
-            const messages = report.results[0].messages
+            const report = await cli.lintFiles(["empty-script.vue"])
+            const messages = report[0].messages
 
-            assert(messages.length === 0)
+            assert.deepStrictEqual(messages, [])
         })
     })
 
     describe("About fixtures/no-end-script-tag.vue", () => {
-        it("should notify no error", () => {
-            const cli = new CLIEngine({
+        it("should notify no error", async () => {
+            const cli = new ESLint({
                 cwd: FIXTURE_DIR,
-                envs: ["es6", "node"],
-                parser: PARSER_PATH,
-                rules: { semi: "error" },
+                overrideConfig: {
+                    env: { es6: true, node: true },
+                    parser: PARSER_PATH,
+                    rules: { semi: "error" },
+                },
                 useEslintrc: false,
             })
-            const report = cli.executeOnFiles(["no-end-script-tag.vue"])
-            const messages = report.results[0].messages
+            const report = await cli.lintFiles(["no-end-script-tag.vue"])
+            const messages = report[0].messages
 
-            assert(messages.length === 0)
+            assert.deepStrictEqual(messages, [])
         })
     })
 
     describe("About fixtures/notvue.js", () => {
-        it("should notify a 'semi' error", () => {
-            const cli = new CLIEngine({
+        it("should notify a 'semi' error", async () => {
+            const cli = new ESLint({
                 cwd: FIXTURE_DIR,
-                envs: ["es6", "node"],
-                parser: PARSER_PATH,
-                rules: { semi: "error" },
+                overrideConfig: {
+                    env: { es6: true, node: true },
+                    parser: PARSER_PATH,
+                    rules: { semi: "error" },
+                },
                 useEslintrc: false,
             })
-            const report = cli.executeOnFiles(["notvue.js"])
-            const messages = report.results[0].messages
+            const report = await cli.lintFiles(["notvue.js"])
+            const messages = report[0].messages
 
             assert(messages.length === 1)
             assert(messages[0].ruleId === "semi")
@@ -174,16 +207,18 @@ describe("Basic tests", () => {
             assert(messages[0].column === 21)
         })
 
-        it("should fix a 'semi' error with --fix option", () => {
-            const cli = new CLIEngine({
+        it("should fix a 'semi' error with --fix option", async () => {
+            const cli = new ESLint({
                 cwd: FIXTURE_DIR,
-                envs: ["es6", "node"],
                 fix: true,
-                parser: PARSER_PATH,
-                rules: { semi: "error" },
+                overrideConfig: {
+                    env: { es6: true, node: true },
+                    parser: PARSER_PATH,
+                    rules: { semi: "error" },
+                },
                 useEslintrc: false,
             })
-            CLIEngine.outputFixes(cli.executeOnFiles(["notvue.js"]))
+            await ESLint.outputFixes(await cli.lintFiles(["notvue.js"]))
 
             const actual = fs.readFileSync(
                 path.join(FIXTURE_DIR, "notvue.js"),
@@ -199,112 +234,124 @@ describe("Basic tests", () => {
     })
 
     describe("About fixtures/crlf.vue", () => {
-        it("should notify no 'indent' error", () => {
-            const cli = new CLIEngine({
+        it("should notify no 'indent' error", async () => {
+            const cli = new ESLint({
                 cwd: FIXTURE_DIR,
-                envs: ["es6", "node"],
-                parser: PARSER_PATH,
-                rules: { indent: "error" },
+                overrideConfig: {
+                    env: { es6: true, node: true },
+                    parser: PARSER_PATH,
+                    rules: { indent: "error" },
+                },
                 useEslintrc: false,
             })
-            const report = cli.executeOnFiles(["crlf.vue"])
-            const messages = report.results[0].messages
+            const report = await cli.lintFiles(["crlf.vue"])
+            const messages = report[0].messages
 
-            assert(messages.length === 0)
+            assert.deepStrictEqual(messages, [])
         })
     })
 
     describe("About fixtures/typed.js", () => {
-        it("should notify no error with 'babel-eslint'", () => {
-            const cli = new CLIEngine({
+        it("should notify no error with 'babel-eslint'", async () => {
+            const cli = new ESLint({
                 cwd: FIXTURE_DIR,
-                envs: ["es6", "node"],
-                parser: PARSER_PATH,
-                parserOptions: {
-                    parser: "babel-eslint",
-                    sourceType: "module",
+                overrideConfig: {
+                    env: { es6: true, node: true },
+                    parser: PARSER_PATH,
+                    parserOptions: {
+                        ...BABEL_PARSER_OPTIONS,
+                        sourceType: "module",
+                    },
+                    rules: { semi: ["error", "never"] },
                 },
-                rules: { semi: ["error", "never"] },
                 useEslintrc: false,
             })
-            const report = cli.executeOnFiles(["typed.js"])
-            const messages = report.results[0].messages
+            const report = await cli.lintFiles(["typed.js"])
+            const messages = report[0].messages
 
-            assert(messages.length === 0)
+            assert.deepStrictEqual(messages, [])
         })
 
         if (semver.gte(process.version, "10.0.0")) {
-            it("should notify no error with '@typescript-eslint/parser'", () => {
-                const cli = new CLIEngine({
+            it("should notify no error with '@typescript-eslint/parser'", async () => {
+                const cli = new ESLint({
                     cwd: FIXTURE_DIR,
-                    envs: ["es6", "node"],
-                    parser: PARSER_PATH,
-                    parserOptions: {
-                        parser: "@typescript-eslint/parser",
+                    overrideConfig: {
+                        env: { es6: true, node: true },
+                        parser: PARSER_PATH,
+                        parserOptions: {
+                            parser: "@typescript-eslint/parser",
+                        },
+                        rules: { semi: ["error", "never"] },
                     },
-                    rules: { semi: ["error", "never"] },
                     useEslintrc: false,
                 })
-                const report = cli.executeOnFiles(["typed.js"])
-                const messages = report.results[0].messages
+                const report = await cli.lintFiles(["typed.js"])
+                const messages = report[0].messages
 
-                assert(messages.length === 0)
+                assert.deepStrictEqual(messages, [])
             })
         }
     })
 
     describe("About fixtures/typed.vue", () => {
-        it("should notify no error with 'babel-eslint'", () => {
-            const cli = new CLIEngine({
+        it("should notify no error with 'babel-eslint'", async () => {
+            const cli = new ESLint({
                 cwd: FIXTURE_DIR,
-                envs: ["es6", "node"],
-                parser: PARSER_PATH,
-                parserOptions: {
-                    parser: "babel-eslint",
-                    sourceType: "module",
+                overrideConfig: {
+                    env: { es6: true, node: true },
+                    parser: PARSER_PATH,
+                    parserOptions: {
+                        ...BABEL_PARSER_OPTIONS,
+                        sourceType: "module",
+                    },
+                    rules: { semi: ["error", "never"] },
                 },
-                rules: { semi: ["error", "never"] },
                 useEslintrc: false,
             })
-            const report = cli.executeOnFiles(["typed.vue"])
-            const messages = report.results[0].messages
+            const report = await cli.lintFiles(["typed.vue"])
+            const messages = report[0].messages
 
-            assert(messages.length === 0)
+            assert.deepStrictEqual(messages, [])
         })
 
         if (semver.gte(process.version, "10.0.0")) {
-            it("should notify no error with '@typescript-eslint/parser'", () => {
-                const cli = new CLIEngine({
+            it("should notify no error with '@typescript-eslint/parser'", async () => {
+                const cli = new ESLint({
                     cwd: FIXTURE_DIR,
-                    envs: ["es6", "node"],
-                    parser: PARSER_PATH,
-                    parserOptions: {
-                        parser: "@typescript-eslint/parser",
+                    overrideConfig: {
+                        env: { es6: true, node: true },
+                        parser: PARSER_PATH,
+                        parserOptions: {
+                            parser: "@typescript-eslint/parser",
+                        },
+                        rules: { semi: ["error", "never"] },
                     },
-                    rules: { semi: ["error", "never"] },
                     useEslintrc: false,
                 })
-                const report = cli.executeOnFiles(["typed.vue"])
-                const messages = report.results[0].messages
+                const report = await cli.lintFiles(["typed.vue"])
+                const messages = report[0].messages
 
-                assert(messages.length === 0)
+                assert.deepStrictEqual(messages, [])
             })
         }
 
-        it("should fix 'semi' errors with --fix option with 'babel-eslint'", () => {
-            const cli = new CLIEngine({
+        it("should fix 'semi' errors with --fix option with 'babel-eslint'", async () => {
+            const cli = new ESLint({
                 cwd: FIXTURE_DIR,
-                envs: ["es6", "node"],
                 fix: true,
-                parser: PARSER_PATH,
-                parserOptions: {
-                    parser: "babel-eslint",
-                    sourceType: "module",
+                overrideConfig: {
+                    env: { es6: true, node: true },
+                    parser: PARSER_PATH,
+                    parserOptions: {
+                        ...BABEL_PARSER_OPTIONS,
+                        sourceType: "module",
+                    },
+                    rules: { semi: ["error", "always"] },
                 },
-                rules: { semi: ["error", "always"] },
                 useEslintrc: false,
             })
-            CLIEngine.outputFixes(cli.executeOnFiles(["typed.vue"]))
+            await ESLint.outputFixes(await cli.lintFiles(["typed.vue"]))
 
             const actual = fs.readFileSync(
                 path.join(FIXTURE_DIR, "typed.vue"),
@@ -319,19 +366,21 @@ describe("Basic tests", () => {
         })
 
         if (semver.gte(process.version, "10.0.0")) {
-            it("should fix 'semi' errors with --fix option with '@typescript-eslint/parser'", () => {
-                const cli = new CLIEngine({
+            it("should fix 'semi' errors with --fix option with '@typescript-eslint/parser'", async () => {
+                const cli = new ESLint({
                     cwd: FIXTURE_DIR,
-                    envs: ["es6", "node"],
                     fix: true,
-                    parser: PARSER_PATH,
-                    parserOptions: {
-                        parser: "@typescript-eslint/parser",
+                    overrideConfig: {
+                        env: { es6: true, node: true },
+                        parser: PARSER_PATH,
+                        parserOptions: {
+                            parser: "@typescript-eslint/parser",
+                        },
+                        rules: { semi: ["error", "always"] },
                     },
-                    rules: { semi: ["error", "always"] },
                     useEslintrc: false,
                 })
-                CLIEngine.outputFixes(cli.executeOnFiles(["typed.vue"]))
+                await ESLint.outputFixes(await cli.lintFiles(["typed.vue"]))
 
                 const actual = fs.readFileSync(
                     path.join(FIXTURE_DIR, "typed.vue"),
@@ -349,19 +398,21 @@ describe("Basic tests", () => {
 
     if (semver.gte(process.version, "10.0.0")) {
         describe("About fixtures/ts-scope-manager.vue", () => {
-            it("should calculate the correct location with '@typescript-eslint/parser'", () => {
-                const cli = new CLIEngine({
+            it("should calculate the correct location with '@typescript-eslint/parser'", async () => {
+                const cli = new ESLint({
                     cwd: FIXTURE_DIR,
-                    envs: ["es6", "node"],
-                    parser: PARSER_PATH,
-                    parserOptions: {
-                        parser: "@typescript-eslint/parser",
+                    overrideConfig: {
+                        env: { es6: true, node: true },
+                        parser: PARSER_PATH,
+                        parserOptions: {
+                            parser: "@typescript-eslint/parser",
+                        },
+                        rules: { "no-unused-vars": ["error"] },
                     },
-                    rules: { "no-unused-vars": ["error"] },
                     useEslintrc: false,
                 })
-                const report = cli.executeOnFiles(["ts-scope-manager.vue"])
-                const messages = report.results[0].messages
+                const report = await cli.lintFiles(["ts-scope-manager.vue"])
+                const messages = report[0].messages
 
                 assert.strictEqual(messages.length, 1)
                 assert.deepStrictEqual(messages[0].line, 8)
@@ -373,55 +424,61 @@ describe("Basic tests", () => {
     }
 
     describe("About fixtures/svg-attrs.vue", () => {
-        it("parses attributes with colons", () => {
-            const cli = new CLIEngine({
+        it("parses attributes with colons", async () => {
+            const cli = new ESLint({
                 cwd: FIXTURE_DIR,
-                envs: ["es6", "node"],
-                parser: PARSER_PATH,
+                overrideConfig: {
+                    env: { es6: true, node: true },
+                    parser: PARSER_PATH,
+                },
                 useEslintrc: false,
             })
-            const report = cli.executeOnFiles(["svg-attrs-colon.vue"])
-            const messages = report.results[0].messages
+            const report = await cli.lintFiles(["svg-attrs-colon.vue"])
+            const messages = report[0].messages
 
-            assert(messages.length === 0)
+            assert.deepStrictEqual(messages, [])
         })
 
-        it("parses camelCased attributes", () => {
-            const cli = new CLIEngine({
+        it("parses camelCased attributes", async () => {
+            const cli = new ESLint({
                 cwd: FIXTURE_DIR,
-                envs: ["es6", "node"],
-                parser: PARSER_PATH,
+                overrideConfig: {
+                    env: { es6: true, node: true },
+                    parser: PARSER_PATH,
+                },
                 useEslintrc: false,
             })
-            const report = cli.executeOnFiles(["svg-attrs-camel-case.vue"])
-            const messages = report.results[0].messages
+            const report = await cli.lintFiles(["svg-attrs-camel-case.vue"])
+            const messages = report[0].messages
 
-            assert(messages.length === 0)
+            assert.deepStrictEqual(messages, [])
         })
     })
 
     describe("About fixtures/location-issue-with-babel-eslint.vue", () => {
-        it("Identifiers in import declarations should has correct location.", () => {
-            const cli = new CLIEngine({
+        it("Identifiers in import declarations should has correct location.", async () => {
+            const cli = new ESLint({
                 cwd: FIXTURE_DIR,
-                envs: ["browser", "node"],
-                parser: PARSER_PATH,
-                parserOptions: {
-                    parser: "babel-eslint",
-                    sourceType: "module",
-                    ecmaVersion: 2017,
-                },
-                rules: {
-                    "no-use-before-define": "error",
+                overrideConfig: {
+                    env: { browser: true, node: true },
+                    parser: PARSER_PATH,
+                    parserOptions: {
+                        ...BABEL_PARSER_OPTIONS,
+                        sourceType: "module",
+                        ecmaVersion: 2017,
+                    },
+                    rules: {
+                        "no-use-before-define": "error",
+                    },
                 },
                 useEslintrc: false,
             })
-            const report = cli.executeOnFiles([
+            const report = await cli.lintFiles([
                 "location-issue-with-babel-eslint.vue",
             ])
-            const messages = report.results[0].messages
+            const messages = report[0].messages
 
-            assert(messages.length === 0)
+            assert.deepStrictEqual(messages, [])
         })
     })
 
@@ -569,7 +626,7 @@ describe("Basic tests", () => {
             )
             const indexOfDecorator = code.indexOf("@Component")
             const ast = parse(code, {
-                parser: "babel-eslint",
+                ...BABEL_PARSER_OPTIONS,
                 ecmaVersion: 2017,
                 sourceType: "module",
 
diff --git a/test/lib/eslint-compat.js b/test/lib/eslint-compat.js
new file mode 100644
index 00000000..c2cf46c3
--- /dev/null
+++ b/test/lib/eslint-compat.js
@@ -0,0 +1,116 @@
+"use strict"
+
+/**
+ * @typedef {import('eslint')} eslint
+ */
+
+/** @param {eslint} eslint */
+module.exports = function compat(eslint) {
+    return {
+        ESLint: eslint.ESLint || getESLintClassForV6(eslint),
+        RuleTester: eslint.RuleTester,
+        Linter: eslint.Linter,
+    }
+}
+
+/** @returns {typeof eslint.ESLint} */
+function getESLintClassForV6(eslint) {
+    class ESLintForV6 {
+        static get version() {
+            return eslint.CLIEngine.version
+        }
+
+        /** @param {eslint.ESLint.Options} options */
+        constructor(options) {
+            const {
+                overrideConfig: {
+                    plugins,
+                    globals,
+                    rules,
+                    env,
+                    ...overrideConfig
+                } = {
+                    plugins: [],
+                    globals: {},
+                    rules: {},
+                },
+                overrideConfigFile,
+                fix,
+                reportUnusedDisableDirectives,
+                plugins: pluginsMap,
+                ...otherOptions
+            } = options || {}
+            /** @type {eslint.CLIEngine.Options} */
+            const newOptions = {
+                fix: Boolean(fix),
+                reportUnusedDisableDirectives: reportUnusedDisableDirectives
+                    ? reportUnusedDisableDirectives !== "off"
+                    : undefined,
+                configFile: overrideConfigFile,
+                ...otherOptions,
+
+                envs: Object.entries(env)
+                    .filter(([, v]) => v)
+                    .map(([k]) => k),
+                globals: globals
+                    ? Object.keys(globals).filter((n) => globals[n])
+                    : undefined,
+                plugins: plugins || [],
+                rules: rules
+                    ? Object.entries(rules).reduce((o, [ruleId, opt]) => {
+                          if (opt) {
+                              o[ruleId] = opt
+                          }
+                          return o
+                      }, /** @type {NonNullable<eslint.CLIEngine.Options["rules"]>} */ ({}))
+                    : undefined,
+                ...overrideConfig,
+            }
+            this.engine = new eslint.CLIEngine(newOptions)
+
+            for (const [name, plugin] of Object.entries(pluginsMap || {})) {
+                this.engine.addPlugin(name, plugin)
+            }
+        }
+
+        /**
+         * @param {Parameters<eslint.ESLint['lintText']>} params
+         * @returns {ReturnType<eslint.ESLint['lintText']>}
+         */
+        // eslint-disable-next-line require-await -- ignore
+        async lintText(...params) {
+            const result = this.engine.executeOnText(
+                params[0],
+                params[1].filePath
+            )
+            return result.results
+        }
+
+        /**
+         * @param {Parameters<eslint.ESLint['lintFiles']>} params
+         * @returns {ReturnType<eslint.ESLint['lintFiles']>}
+         */
+        // eslint-disable-next-line require-await -- ignore
+        async lintFiles(...params) {
+            const result = this.engine.executeOnFiles(
+                Array.isArray(params[0]) ? params[0] : [params[0]]
+            )
+            return result.results
+        }
+
+        /**
+         * @param {Parameters<eslint.ESLint['outputFixes']>} params
+         * @returns {ReturnType<eslint.ESLint['outputFixes']>}
+         */
+        // eslint-disable-next-line require-await -- ignore
+        static async outputFixes(...params) {
+            return eslint.CLIEngine.outputFixes({
+                results: params[0],
+            })
+        }
+    }
+
+    /** @type {typeof eslint.ESLint} */
+    const eslintClass = /** @type {any} */ (ESLintForV6)
+    return eslintClass
+}
diff --git a/test/parser-options.js b/test/parser-options.js
index b9141ff9..2c7f26eb 100644
--- a/test/parser-options.js
+++ b/test/parser-options.js
@@ -5,7 +5,6 @@
 "use strict"
 
 const assert = require("assert")
-const { rules } = require("@mysticatea/eslint-plugin")
 const { parseForESLint } = require("../src")
 const eslint = require("./fixtures/eslint")
 const Linter = eslint.Linter
@@ -14,10 +13,18 @@ describe("parserOptions", () => {
     describe("parser", () => {
         const linter = new Linter()
         linter.defineParser("vue-eslint-parser", { parseForESLint })
-        linter.defineRule(
-            "vue/valid-template-root",
-            rules["vue/valid-template-root"]
-        )
+        linter.defineRule("vue/template-test", {
+            create(context) {
+                return {
+                    Program(node) {
+                        const element = node.templateBody
+                        if (element != null) {
+                            context.report({ node, message: "test" })
+                        }
+                    },
+                }
+            },
+        })
 
         it("false then skip parsing '<script>'.", () => {
             const code = `<template>Hello</template>
@@ -28,13 +35,13 @@ describe("parserOptions", () => {
                     parser: false,
                 },
                 rules: {
-                    "vue/valid-template-root": "error",
+                    "vue/template-test": "error",
                 },
             }
             const messages = linter.verify(code, config, "test.vue")
 
             assert.strictEqual(messages.length, 1)
-            assert.strictEqual(messages[0].ruleId, "vue/valid-template-root")
+            assert.strictEqual(messages[0].ruleId, "vue/template-test")
         })
 
         it("Fail in <script setup> without sourceType.", () => {
@@ -43,9 +50,7 @@ describe("parserOptions", () => {
             const config = {
                 parser: "vue-eslint-parser",
                 parserOptions: {},
-                rules: {
-                    "vue/valid-template-root": "error",
-                },
+                rules: {},
             }
             const messages = linter.verify(code, config, "test.vue")