fix(deps): update dependency eslint-compat-utils to ^0.2.0 (#326)

* fix(deps): update dependency eslint-compat-utils to ^0.2.0

* Create swift-dolls-joke.md

* fix

* fix

* fix

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

Author: renovate[bot]

.changeset/swift-dolls-joke.md

@@ -0,0 +1,5 @@
+---
+"eslint-plugin-vue-scoped-css": minor
+---
+
+fix(deps): update dependency eslint-compat-utils to ^0.2.0

.github/workflows/NodeCI.yml

@@ -35,6 +35,19 @@ jobs:
         run: npm run build
       - name: Test
         run: npm test
+  test-with-eslint9:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Use Node.js
+        uses: actions/setup-node@v4
+      - name: Install Target Packages
+        run: |+
+          npm i -D eslint@^9.0.0-0 --legacy-peer-deps
+          npx rimraf node_modules
+          npm install -f
+      - name: Test
+        run: npm test
   test-with-eslint6:
     runs-on: ubuntu-latest
     strategy:

package-lock.json

@@ -95,7 +95,7 @@
   },
   "dependencies": {
     "@eslint-community/eslint-utils": "^4.4.0",
-    "eslint-compat-utils": "^0.1.2",
+    "eslint-compat-utils": "^0.2.1",
     "lodash": "^4.17.21",
     "postcss": "^8.4.31",
     "postcss-safe-parser": "^6.0.0",

package.json

@@ -1,9 +1,17 @@
-import { RuleTester } from "eslint";
+import { RuleTester } from "./test-lib/eslint-compat";
+import { Linter } from "eslint";
 import rule = require("../../lib/rules/no-unused-selector");
+import * as semver from "semver";
+
+import * as vueParser from "vue-eslint-parser";
+
+const testRulePrefix = semver.gte(Linter.version, "9.0.0-0")
+  ? "rule-to-test/"
+  : "";
 
 const tester = new RuleTester({
-  parser: require.resolve("vue-eslint-parser"),
-  parserOptions: {
+  languageOptions: {
+    parser: vueParser,
     ecmaVersion: 2019,
     sourceType: "module",
   },
@@ -59,10 +67,10 @@ tester.run("no-unused-selector-comment-directives", rule as any, {
                 </ul></div>
             </template>
             <style scoped>
-            /* eslint-disable-next-line no-unused-selector-comment-directives */
+            /* eslint-disable-next-line ${testRulePrefix}no-unused-selector-comment-directives */
             div {
                 & > .foo,
-                & > li.foo {/* eslint-disable-line no-unused-selector-comment-directives */
+                & > li.foo {/* eslint-disable-line ${testRulePrefix}no-unused-selector-comment-directives */
                 } 
                 & > li.bar {}
             }
@@ -120,10 +128,10 @@ tester.run("no-unused-selector-comment-directives", rule as any, {
                 </ul></div>
             </template>
             <style scoped>
-            /* eslint-disable no-unused-selector-comment-directives */
+            /* eslint-disable ${testRulePrefix}no-unused-selector-comment-directives */
             div {
                 & > .foo,
-                /* eslint-enable no-unused-selector-comment-directives */ & > li.foo {
+                /* eslint-enable ${testRulePrefix}no-unused-selector-comment-directives */ & > li.foo {
                 } 
                 & > li.bar {}
             }

tests/lib/comment-directives.ts

@@ -1,5 +1,7 @@
-import { Linter } from "eslint";
+import { getLinter } from "eslint-compat-utils/linter";
 import plugin = require("../../lib/index");
+// eslint-disable-next-line @typescript-eslint/naming-convention -- Class name
+const Linter = getLinter();
 
 describe("Don't crash even if without vue-eslint-parser.", () => {
   const code = "<style scoped>.a {}</style>";
@@ -10,17 +12,19 @@ describe("Don't crash even if without vue-eslint-parser.", () => {
     it(ruleId, () => {
       const linter = new Linter();
       const config = {
-        parserOptions: {
+        languageOptions: {
           ecmaVersion: 2015,
-          ecmaFeatures: {
-            jsx: true,
+          parserOptions: {
+            ecmaFeatures: {
+              jsx: true,
+            },
           },
         },
+        plugins: { "vue-scoped-css": plugin },
         rules: {
           [ruleId]: "error",
         },
       };
-      linter.defineRule(ruleId, plugin.rules[key] as any);
       linter.verifyAndFix(code, config as any, "test.vue");
     });
   }

tests/lib/rules-without-vue-eslint-parser.ts

@@ -1,9 +1,11 @@
-import { RuleTester } from "eslint";
+import { RuleTester } from "../test-lib/eslint-compat";
 import rule = require("../../../lib/rules/enforce-style-type");
 
+import * as vueParser from "vue-eslint-parser";
+
 const tester = new RuleTester({
-  parser: require.resolve("vue-eslint-parser"),
-  parserOptions: {
+  languageOptions: {
+    parser: vueParser,
     ecmaVersion: 2019,
     sourceType: "module",
   },

tests/lib/rules/enforce-style-type.ts

@@ -1,9 +1,11 @@
-import { RuleTester } from "eslint";
+import { RuleTester } from "../test-lib/eslint-compat";
 import rule = require("../../../lib/rules/no-deprecated-deep-combinator");
 
+import * as vueParser from "vue-eslint-parser";
+
 const tester = new RuleTester({
-  parser: require.resolve("vue-eslint-parser"),
-  parserOptions: {
+  languageOptions: {
+    parser: vueParser,
     ecmaVersion: 2019,
     sourceType: "module",
   },

tests/lib/rules/no-deprecated-deep-combinator.ts

@@ -1,9 +1,11 @@
-import { RuleTester } from "eslint";
+import { RuleTester } from "../test-lib/eslint-compat";
 import rule = require("../../../lib/rules/no-deprecated-v-enter-v-leave-class");
 
+import * as vueParser from "vue-eslint-parser";
+
 const tester = new RuleTester({
-  parser: require.resolve("vue-eslint-parser"),
-  parserOptions: {
+  languageOptions: {
+    parser: vueParser,
     ecmaVersion: 2019,
     sourceType: "module",
   },

tests/lib/rules/no-deprecated-v-enter-v-leave-class.ts

@@ -1,9 +1,11 @@
-import { RuleTester } from "eslint";
+import { RuleTester } from "../test-lib/eslint-compat";
 import rule = require("../../../lib/rules/no-parent-of-v-global");
 
+import * as vueParser from "vue-eslint-parser";
+
 const tester = new RuleTester({
-  parser: require.resolve("vue-eslint-parser"),
-  parserOptions: {
+  languageOptions: {
+    parser: vueParser,
     ecmaVersion: 2019,
     sourceType: "module",
   },