diff --git a/package.json b/package.json
index c12ee4e..a758609 100644
--- a/package.json
+++ b/package.json
@@ -39,6 +39,7 @@
     "@vue/eslint-config-prettier": "^9.0.0",
     "@vue/eslint-config-typescript": "^12.0.0",
     "@vue/test-utils": "^1.3.6",
+    "browserslist": "^4.23.0",
     "browserslist-to-esbuild": "^2.1.1",
     "cypress": "^13.6.6",
     "eslint": "^8.57.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 89fe992..fa4e13d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -76,6 +76,9 @@ devDependencies:
   '@vue/test-utils':
     specifier: ^1.3.6
     version: 1.3.6(vue-template-compiler@2.7.16)(vue@2.7.16)
+  browserslist:
+    specifier: ^4.23.0
+    version: 4.23.0
   browserslist-to-esbuild:
     specifier: ^2.1.1
     version: 2.1.1(browserslist@4.23.0)
diff --git a/vite.config.ts b/vite.config.ts
index a22143b..2e6c438 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -14,6 +14,7 @@ import browserslistToEsbuild from 'browserslist-to-esbuild'
 import postcssPresetEnv from 'postcss-preset-env'
 import regexpPlugin from 'rollup-plugin-regexp'
 import * as mdicons from '@mdi/js'
+import browserslist from 'browserslist'
 
 const mdi: Record<string, string> = {}
 Object.keys(mdicons).forEach((key) => {
@@ -52,6 +53,9 @@ export default defineConfig({
     legacy({
       modernPolyfills: true,
       renderLegacyChunks: false,
+      modernTargets: browserslist.loadConfig({
+        path: fileURLToPath(new URL('.', import.meta.url)),
+      }),
     }),
     Components({
       resolvers: [