feat: use defineConfig & globalIgnores helpers from ESLint 9.22

Author: haoqunjiang

Diff for: templates/eslint.config.js.ejs

@@ -1,23 +1,21 @@
 <%_ for (const { importer } of configsBeforeVuePlugin) { _%>
 <%- importer %>
 <%_ } _%>
+import { defineConfig, globalIgnores } from 'eslint/config'
 import js from '@eslint/js'
 import pluginVue from 'eslint-plugin-vue'
 import globals from 'globals'
 <%_ for (const { importer } of configsAfterVuePlugin) { _%>
 <%- importer %>
 <%_ } _%>
 
-export default [
+export default defineConfig([
   {
     name: 'app/files-to-lint',
     files: ['**/*.{<%= fileExtensions.join(',') %>}'],
   },
 
-  {
-    name: 'app/files-to-ignore',
-    ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
-  },
+  globalIgnores(['**/dist/**', '**/dist-ssr/**', '**/coverage/**']),
 
   {
     languageOptions: {
@@ -35,4 +33,4 @@ export default [
 <%_ for (const { content } of configsAfterVuePlugin) { _%>
   <%- content %><%# TODO: auto-indent if content's multi-line %>
 <%_ } _%>
-]
+])

Diff for: templates/eslint.config.ts.ejs

@@ -1,6 +1,7 @@
 <%_ for (const { importer } of configsBeforeVuePlugin) { _%>
 <%- importer %>
 <%_ } _%>
+import { globalIgnores } from 'eslint/config'
 import pluginVue from 'eslint-plugin-vue'
 import { defineConfigWithVueTs, vueTsConfigs } from '@vue/eslint-config-typescript'
 <%_ for (const { importer } of configsAfterVuePlugin) { _%>
@@ -18,10 +19,7 @@ export default defineConfigWithVueTs(
     files: ['**/*.{<%= fileExtensions.join(',') %>}'],
   },
 
-  {
-    name: 'app/files-to-ignore',
-    ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
-  },
+  globalIgnores(['**/dist/**', '**/dist-ssr/**', '**/coverage/**']),
 
 <%_ for (const { content } of configsBeforeVuePlugin) { _%>
   <%- content %><%# TODO: auto-indent if content's multi-line %>