feat: allow ESLint v10 as peer dependency (#2962)

Author: FloEdelmann

.changeset/light-sheep-change.md

@@ -0,0 +1,5 @@
+---
+"eslint-plugin-vue": minor
+---
+
+Added [ESLint v10](https://eslint.org/blog/2026/02/eslint-v10.0.0-released/) as an allowed peer dependency (needs [`eslint-parser-vue` v10.3.0](https://github.com/vuejs/vue-eslint-parser/releases/tag/v10.3.0))

.github/workflows/CI.yml

@@ -51,7 +51,7 @@ jobs:
     name: Test
     strategy:
       matrix:
-        node: [18, 20, 21, 'lts/*']
+        node: [18, 20, 22, 24, 'lts/*']
     runs-on: ubuntu-latest
     needs:
       - build
@@ -94,6 +94,31 @@ jobs:
       - name: Test
         run: npm test
 
+  test-with-eslint-v10:
+    name: Test with ESLint v10
+    runs-on: ubuntu-latest
+    needs:
+      - build
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v5
+      - name: Install Node.js v18
+        uses: actions/setup-node@v6
+        with:
+          node-version: 24
+      - name: Change local ESLint version to v10
+        run: |
+          sed --in-place 's/"eslint": "^9.32.0"/"eslint": "^10.0.0"/' package.json
+          sed --in-place 's/"espree": "^10.4.0"/"espree": "^11.0.0"/' package.json
+      - name: Install Packages
+        run: npm install --force
+      - name: Restore dist cache
+        uses: actions/download-artifact@v7
+        with:
+          name: dist
+      - name: Test
+        run: npm test
+
   test-without-eslint-stylistic:
     name: Test without ESLint Stylistic
     runs-on: ubuntu-latest

package.json

@@ -61,7 +61,7 @@
   "peerDependencies": {
     "@stylistic/eslint-plugin": "^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0",
     "@typescript-eslint/parser": "^7.0.0 || ^8.0.0",
-    "eslint": "^8.57.0 || ^9.0.0",
+    "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
     "vue-eslint-parser": "^10.0.0"
   },
   "peerDependenciesMeta": {

tests/integrations/eslint-plugin-import.js

@@ -5,39 +5,33 @@
  */
 'use strict'
 
-const cp = require('node:child_process')
+const { execSync } = require('node:child_process')
 const path = require('node:path')
 const semver = require('semver')
 
 const PLUGIN_DIR = path.join(__dirname, 'eslint-plugin-import')
-const ESLINT = `.${path.sep}node_modules${path.sep}.bin${path.sep}eslint`
+const ESLINT = path.join(PLUGIN_DIR, 'node_modules', '.bin', 'eslint')
+
+let eslintNodeVersion = ''
 
 describe('Integration with eslint-plugin-import', () => {
   beforeAll(() => {
-    cp.execSync('npm i', { cwd: PLUGIN_DIR, stdio: 'inherit' })
+    execSync('npm i', { cwd: PLUGIN_DIR, stdio: 'inherit' })
+    eslintNodeVersion = require(
+      path.join(PLUGIN_DIR, 'node_modules/eslint/package.json')
+    ).engines.node
   })
 
   // https://github.com/vuejs/eslint-plugin-vue/issues/21#issuecomment-308957697
   // eslint-plugin-vue had been breaking eslint-plugin-import if people use both at the same time.
   // This test is in order to prevent the regression.
-  it('should lint without errors', () => {
-    if (
-      !semver.satisfies(
-        process.version,
-        require(
-          path.join(
-            __dirname,
-            'eslint-plugin-import/node_modules/eslint/package.json'
-          )
-        ).engines.node
-      )
-    ) {
-      return
+  it.skipIf(!semver.satisfies(process.version, eslintNodeVersion))(
+    'should lint without errors',
+    () => {
+      execSync(`${ESLINT} --config eslint.config.mjs a.vue`, {
+        cwd: PLUGIN_DIR,
+        stdio: 'inherit'
+      })
     }
-
-    cp.execSync(`${ESLINT} --config eslint.config.mjs a.vue`, {
-      cwd: PLUGIN_DIR,
-      stdio: 'inherit'
-    })
-  })
+  )
 })

tests/integrations/flat-config.js

@@ -1,37 +1,34 @@
 'use strict'
 
 const { strict: assert } = require('node:assert')
-const cp = require('node:child_process')
+const { execSync } = require('node:child_process')
 const path = require('node:path')
 const semver = require('semver')
 
 const TARGET_DIR = path.join(__dirname, 'flat-config')
-const ESLINT = `.${path.sep}node_modules${path.sep}.bin${path.sep}eslint`
+const ESLINT = path.join(TARGET_DIR, 'node_modules', '.bin', 'eslint')
+
+let eslintNodeVersion = ''
 
 describe('Integration with flat config', () => {
   beforeAll(() => {
-    cp.execSync('npm i -f', { cwd: TARGET_DIR, stdio: 'inherit' })
+    execSync('npm i -f', { cwd: TARGET_DIR, stdio: 'inherit' })
+    eslintNodeVersion = require(
+      path.join(TARGET_DIR, 'node_modules/eslint/package.json')
+    ).engines.node
   })
 
-  it('should lint without errors', () => {
-    if (
-      !semver.satisfies(
-        process.version,
-        require(
-          path.join(__dirname, 'flat-config/node_modules/eslint/package.json')
-        ).engines.node
+  it.skipIf(!semver.satisfies(process.version, eslintNodeVersion))(
+    'should lint without errors',
+    () => {
+      const result = JSON.parse(
+        execSync(`${ESLINT} a.vue --format=json`, {
+          cwd: TARGET_DIR,
+          encoding: 'utf8'
+        })
       )
-    ) {
-      return
+      assert.strictEqual(result.length, 1)
+      assert.deepStrictEqual(result[0].messages, [])
     }
-
-    const result = JSON.parse(
-      cp.execSync(`${ESLINT} a.vue --format=json`, {
-        cwd: TARGET_DIR,
-        encoding: 'utf8'
-      })
-    )
-    assert.strictEqual(result.length, 1)
-    assert.deepStrictEqual(result[0].messages, [])
-  })
+  )
 })

tests/lib/utils/ts-utils/index/get-component-props.js

@@ -71,7 +71,7 @@ function extractComponentProps(code, tsFileCode) {
 }
 
 describe.sequential('getComponentPropsFromTypeDefineTypes', () => {
-  for (const { scriptCode, tsFileCode, props: expected } of [
+  it.each([
     {
       scriptCode: `defineProps<{foo:string,bar?:number}>()`,
       props: [
@@ -203,16 +203,17 @@ defineProps<{foo?:A}>()`,
         }
       ]
     }
-  ]) {
-    const code = `<script setup lang="ts"> ${scriptCode} </script>`
-    it(`should return expected props with :${code}`, () => {
+  ])(
+    'should return expected props with $scriptCode',
+    ({ scriptCode, tsFileCode, props: expected }) => {
+      const code = `<script setup lang="ts"> ${scriptCode} </script>`
       const props = extractComponentProps(code, tsFileCode)
 
       assert.deepStrictEqual(
         props,
         expected,
         `\n${JSON.stringify(props)}\n === \n${JSON.stringify(expected)}`
       )
-    })
-  }
+    }
+  )
 })