Improve support for older browsers/devices (#10)

Apply @vitejs/plugin-legacy to use polyfills with older and modern browsers

Author: stefanseifert

.browserslistrc

@@ -1,9 +1,9 @@
 >= 0.5%
 last 2 major versions
 not dead
-Chrome >= 60
-Firefox >= 60
+Chrome >= 90
+Firefox >= 91
 Firefox ESR
-iOS >= 12
-Safari >= 12
+iOS >= 15
+Safari >= 15
 not Explorer <= 11

package-lock.json

@@ -16,7 +16,7 @@
     "generate-pwa-assets": "pwa-assets-generator"
   },
   "dependencies": {
-    "@brdgm/brdgm-commons": "^1.6.8",
+    "@brdgm/brdgm-commons": "^1.6.9",
     "@popperjs/core": "^2.11.8",
     "bootstrap": "^5.3.3",
     "core-js": "^3.38.1",
@@ -47,10 +47,10 @@
     "eslint-plugin-vue": "^9.28.0",
     "jsdom": "^25.0.1",
     "nodemon": "^3.1.7",
-    "sass": "^1.78.0",
+    "sass": "~1.78.0",
     "source-map-support": "^0.5.21",
     "ts-node": "^10.9.2",
-    "typescript": "^5.5.4",
+    "typescript": "~5.5.4",
     "vite": "^5.4.7",
     "vite-plugin-pwa": "^0.20.5",
     "vitest": "^2.1.1"

package.json

@@ -5,6 +5,7 @@ import { VitePWA } from 'vite-plugin-pwa'
 import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite'
 import path from 'path'
 import { description, appDeployName } from './package.json'
+import legacy from '@vitejs/plugin-legacy'
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -59,6 +60,11 @@ export default defineConfig({
     VueI18nPlugin({
       include: [path.resolve(__dirname, './src/locales/**')],
       strictMessage: false
+    }),
+    // support older browsers
+    legacy({
+      modernTargets: 'iOS >= 15, Safari >= 15',
+      modernPolyfills: true
     })
   ],
   resolve: {