chore: Use ESLint v9 in development env (#2775)

Co-authored-by: Flo Edelmann <[email protected]>

Author: ota-meshi

.changeset/fast-penguins-reflect.md

@@ -0,0 +1,5 @@
+---
+"eslint-plugin-vue": minor
+---
+
+Added [`@typescript-eslint/parser`](https://typescript-eslint.io/packages/parser) as an optional peer dependency

.changeset/gentle-glasses-tie.md

@@ -0,0 +1,5 @@
+---
+"eslint-plugin-vue": patch
+---
+
+Fixed false negatives when using typescript-eslint v8 in [`vue/script-indent`](https://eslint.vuejs.org/rules/script-indent.html) rule

.github/workflows/CI.yml

@@ -46,7 +46,7 @@ jobs:
         with:
           node-version: ${{ matrix.node }}
       - name: Install Packages
-        run: npm install -f
+        run: npm install
       - name: Install ESLint v${{ matrix.eslint }}
         run: npm install --save-dev eslint@${{ matrix.eslint }} -f
       - name: Test
@@ -61,8 +61,23 @@ jobs:
       - name: Install Node.js
         uses: actions/setup-node@v4
       - name: Install Packages
-        run: npm install -f
+        run: npm install
       - name: Uninstall @stylistic/eslint-plugin
         run: npm uninstall -D @stylistic/eslint-plugin
       - name: Test
         run: npm test
+
+  test-with-typescript-eslint-v7:
+    name: Test with typescript-eslint v7
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+      - name: Install Packages
+        run: npm install
+      - name: Install @typescript-eslint/parser@7
+        run: npm install -D @typescript-eslint/parser@7 -f
+      - name: Test
+        run: npm test

.github/workflows/Release.yml

@@ -22,7 +22,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
       - name: Install Dependencies
-        run: npm install -f
+        run: npm install
 
       - name: Create Release Pull Request or Publish to npm
         id: changesets

.gitignore

@@ -8,8 +8,8 @@
 yarn.lock
 yarn-error.log
 /docs/.vitepress/dist
-/docs/.vitepress/build-system/shim/eslint.mjs
-/docs/.vitepress/build-system/shim/assert.mjs
+/docs/.vitepress/build-system/shim/vue-eslint-parser.mjs
+/docs/.vitepress/build-system/shim/@typescript-eslint/parser.mjs
 /docs/.vitepress/.temp
 /docs/.vitepress/cache
 typings/eslint/lib/rules

docs/.vitepress/build-system/build.mts

@@ -9,14 +9,38 @@ import { fileURLToPath } from 'url'
 const dirname = path.dirname(fileURLToPath(import.meta.url))
 
 build(
-  path.join(dirname, './src/eslint.mjs'),
-  path.join(dirname, './shim/eslint.mjs'),
-  ['path', 'assert', 'util', 'esquery']
+  path.join(
+    dirname,
+    '../../../node_modules/@typescript-eslint/parser/dist/index.js'
+  ),
+  path.join(dirname, './shim/@typescript-eslint/parser.mjs'),
+  [
+    'util',
+    'node:util',
+    'path',
+    'node:path',
+    'fs',
+    'node:fs',
+    'semver',
+    'fast-glob',
+    'debug'
+  ]
 )
+
 build(
-  path.join(dirname, '../../../node_modules/assert'),
-  path.join(dirname, './shim/assert.mjs'),
-  ['path']
+  path.join(dirname, '../../../node_modules/vue-eslint-parser/index.js'),
+  path.join(dirname, './shim/vue-eslint-parser.mjs'),
+  [
+    'path',
+    'debug',
+    'semver',
+    'assert',
+    'module',
+    'events',
+    'esquery',
+    'fs',
+    'eslint'
+  ]
 )
 
 function build(input: string, out: string, injects: string[] = []) {
@@ -42,16 +66,22 @@ function bundle(entryPoint: string, externals: string[]) {
 }
 
 function transform(code: string, injects: string[]) {
+  const normalizeInjects = [
+    ...new Set(injects.map((inject) => inject.replace(/^node:/u, '')))
+  ]
   const newCode = code.replace(/"[a-z]+" = "[a-z]+";/u, '')
   return `
-${injects
+${normalizeInjects
   .map(
     (inject) =>
-      `import $inject_${inject.replace(/-/gu, '_')}$ from '${inject}';`
+      `import $inject_${inject.replace(/[\-:]/gu, '_')}$ from '${inject}';`
   )
   .join('\n')}
 const $_injects_$ = {${injects
-    .map((inject) => `${inject.replace(/-/gu, '_')}:$inject_${inject}$`)
+    .map(
+      (inject) =>
+        `"${inject}":$inject_${inject.replace(/^node:/u, '').replace(/[\-:]/gu, '_')}$`
+    )
     .join(',\n')}};
 function require(module, ...args) {
   return $_injects_$[module] || {}