feat: support ESLint 9 Flat Config (#573)

Author: haoqunjiang

LICENSE

@@ -270,35 +270,6 @@ Repository: git://github.com/mde/ejs.git
 >    limitations under the License.
 >
 
-## javascript-stringify
-
-License: MIT
-By: Blake Embrey
-Repository: git+https://github.com/blakeembrey/javascript-stringify.git
-
-> The MIT License (MIT)
->
-> Copyright (c) 2013 Blake Embrey ([email protected])
->
-> Permission is hereby granted, free of charge, to any person obtaining a copy
-> of this software and associated documentation files (the "Software"), to deal
-> in the Software without restriction, including without limitation the rights
-> to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-> copies of the Software, and to permit persons to whom the Software is
-> furnished to do so, subject to the following conditions:
->
-> The above copyright notice and this permission notice shall be included in
-> all copies or substantial portions of the Software.
->
-> THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-> IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-> FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-> AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-> LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-> OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-> THE SOFTWARE.
->
-
 ## kleur
 
 License: MIT

__test__/renderEslint.spec.ts

@@ -41,7 +41,7 @@
     "@types/eslint": "^9.6.1",
     "@types/node": "^20.16.10",
     "@types/prompts": "^2.4.9",
-    "@vue/create-eslint-config": "^0.3.3",
+    "@vue/create-eslint-config": "0.4.1",
     "@vue/tsconfig": "^0.5.1",
     "ejs": "^3.1.10",
     "esbuild": "^0.18.20",

package.json

@@ -1,3 +1,5 @@
+import fs from 'node:fs'
+import path from 'node:path'
 import * as esbuild from 'esbuild'
 import esbuildPluginLicense from 'esbuild-plugin-license'
 
@@ -48,6 +50,48 @@ await esbuild.build({
         })
       }
     },
+
+    {
+      name: '@vue/create-eslint-config fix',
+      setup(build) {
+        // Update esbuild to support the import attributes syntax in this PR is too risky.
+        // TODO: update esbuild and remove the hack.
+        build.onLoad({ filter: /@vue.create-eslint-config.index.js$/ }, (args) => {
+          const text = fs.readFileSync(args.path, 'utf8')
+          return {
+            contents: text.replace(`with { type: 'json' }`, ''),
+            loader: 'js'
+          }
+        })
+
+        // The renderEjsFile.js module uses file system APIs therefore after bundling it will not work.
+        // So we need to preprocess it to remove the file system APIs.
+        build.onLoad({ filter: /@vue.create-eslint-config.renderEjsFile\.js$/ }, (args) => {
+          const pkgDir = path.dirname(args.path)
+          const templatesDir = path.resolve(pkgDir, './templates')
+
+          const allTemplateFileNames = fs.readdirSync(templatesDir)
+          const templateFiles = Object.fromEntries(
+            allTemplateFileNames.map((fileName) => {
+              const content = fs.readFileSync(path.resolve(templatesDir, fileName), 'utf8')
+              return [`./templates/${fileName}`, content]
+            })
+          )
+
+          return {
+            contents: `
+              import ejs from 'ejs'
+              const templates = ${JSON.stringify(templateFiles)}
+              export default function renderEjsFile(filePath, data) {
+                return ejs.render(templates[filePath], data, {})
+              }
+            `,
+            loader: 'js'
+          }
+        })
+      }
+    },
+
     esbuildPluginLicense({
       thirdParty: {
         includePrivate: false,

pnpm-lock.yaml

@@ -7,7 +7,7 @@
   "devDependencies": {
     "@types/node": "^20.16.10",
     "npm-run-all2": "^6.2.3",
-    "typescript": "~5.6.0",
+    "typescript": "~5.5.4",
     "vue-tsc": "^2.1.6"
   }
 }