chore: cleanup the ESLint config for the project itself

We are not using either Vue.js or TypeScript in this project, so we can
simplify the ESLint config.

Author: haoqunjiang

bin/create-eslint-config.js

@@ -102,9 +102,11 @@ let vueVersion
 try {
   vueVersion = requireInCwd('vue/package.json').version
   console.info(dim(`Detected Vue.js version: ${vueVersion}`))
-} catch {}
+} catch {
+  // Vue.js not found, will prompt later
+}
 
-if (!vueVersion || !/^3/.test(vueVersion)) {
+if (!vueVersion || !vueVersion.startsWith('3.')) {
   const { continueAnyway } = await prompt({
     type: 'toggle',
     disabled: 'No',
@@ -126,7 +128,9 @@ try {
   const tsVersion = requireInCwd('typescript/package.json').version
   console.info(dim(`Detected TypeScript version: ${tsVersion}`))
   detectedTypeScript = true
-} catch {}
+} catch {
+  // TypeScript not found, will prompt later
+}
 
 const { hasTypeScript } = await prompt({
   type: 'toggle',

eslint.config.js

@@ -1,13 +1,22 @@
-import pluginVue from 'eslint-plugin-vue'
-// Use the TS config here because the default js parser doesn't support import attributes
-import vueTsEslintConfig from '@vue/eslint-config-typescript'
+import { defineConfig, globalIgnores } from 'eslint/config'
+import globals from 'globals'
+import js from '@eslint/js'
 
-export default [
+export default defineConfig([
   {
     name: 'app/files-to-lint',
-    files: ['**/*.{js,mjs,jsx,ts,mts,tsx,vue}'],
-    ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
+    files: ['**/*.{js,mjs}'],
   },
-  ...pluginVue.configs['flat/essential'],
-  ...vueTsEslintConfig(),
-]
+
+  globalIgnores(['**/dist/**', '**/dist-ssr/**', '**/coverage/**']),
+
+  {
+    languageOptions: {
+      globals: {
+        ...globals.node,
+      },
+    },
+  },
+
+  js.configs.recommended,
+])