fix: Update ESLint plugin and solve the issue of code filter overflow in the development environment (#12383)

frontend/.gitignore

@@ -29,3 +29,6 @@ stats.html
 *.sw?
 .vscode
 folder-alias.json
+
+.eslintcache
+/.eslintcache

frontend/package.json

@@ -86,7 +86,7 @@
         "unplugin-vue-define-options": "^3.0.0-beta.23",
         "vite": "^7.1.5",
         "vite-plugin-compression": "^0.5.1",
-        "vite-plugin-eslint": "^1.8.1",
+        "vite-plugin-eslint2": "^5.0.3",
         "vite-plugin-html": "^3.2.2",
         "vite-plugin-monaco-editor": "^1.1.0",
         "vite-plugin-vue-setup-extend": "^0.4.0",

frontend/vite.config.ts

@@ -3,10 +3,10 @@ import { wrapperEnv } from './src/utils/get-env';
 import { visualizer } from 'rollup-plugin-visualizer';
 import viteCompression from 'vite-plugin-compression';
 import VueSetupExtend from 'vite-plugin-vue-setup-extend';
-import eslintPlugin from 'vite-plugin-eslint';
+import eslintPlugin from 'vite-plugin-eslint2';
 import vueJsx from '@vitejs/plugin-vue-jsx';
 import DefineOptions from 'unplugin-vue-define-options/vite';
-import { defineConfig, loadEnv, ConfigEnv, UserConfig } from 'vite';
+import { defineConfig, loadEnv, ConfigEnv, UserConfig, Plugin } from 'vite';
 import vue from '@vitejs/plugin-vue';
 import pkg from './package.json';
 import dayjs from 'dayjs';
@@ -16,6 +16,17 @@ import Components from 'unplugin-vue-components/vite';
 import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
 import svgLoader from 'vite-svg-loader';
 
+function patchCodeFilterOverflow(): Plugin {
+    return {
+        name: 'patch-code-filter-overflow',
+        configResolved(config) {
+            const target = config.plugins.find((p) => p.name === 'vite:asset-import-meta-url');
+            if (target?.transform && typeof target.transform === 'object' && target.transform.filter) {
+                (target.transform.filter as Record<string, any>).code = 'import.meta.url';
+            }
+        },
+    };
+}
 const prefix = `monaco-editor/esm/vs`;
 
 const { dependencies, devDependencies, name, version } = pkg;
@@ -63,6 +74,7 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
             },
         },
         plugins: [
+            patchCodeFilterOverflow(),
             vue(),
             DefineOptions(),
             eslintPlugin({