Update: webpack-encore

assets/vue/i18n.js

@@ -25,7 +25,8 @@ if (!locale) {
 }
 
 export default createI18n({
+    legacy: false,
     locale: locale,
-    fallbackLocale: process.env.VUE_APP_I18N_FALLBACK_LOCALE || 'en',
+    fallbackLocale: 'en',
     messages: loadLocaleMessages()
 });

package.json

@@ -41,7 +41,7 @@
     "chart.js": "^3.7.1",
     "cropper": "^4.1.0",
     "datepair.js": "^0.4.17",
-    "dotenv": "^10.0.0",
+    "dotenv": "^16.0.2",
     "dropzone": "^5.9.3",
     "easy-pie-chart": "^2.1.7",
     "easytimer.js": "^1.3.2",
@@ -94,7 +94,7 @@
     "tinymce": "^5.10.5",
     "video.js": "^7.19.2",
     "vue-flatpickr-component": "^9.0.7",
-    "vue-i18n": "9.1.10",
+    "vue-i18n": "9.2.2",
     "vue-multiselect": "^3.0.0-alpha.2",
     "vue-perfect-scrollbar": "^0.2.1",
     "vue-router": "4.0.15",
@@ -104,8 +104,10 @@
     "vuex-map-fields": "^1.4.1"
   },
   "devDependencies": {
+    "@babel/core": "^7.19.3",
+    "@babel/preset-env": "^7.19.3",
     "@mdi/font": "^6.9.96",
-    "@symfony/webpack-encore": "^1.8.2",
+    "@symfony/webpack-encore": "^4.0.0",
     "@tailwindcss/forms": "^0.5.3",
     "@tailwindcss/line-clamp": "^0.4.2",
     "@tailwindcss/typography": "^0.5.7",
@@ -118,19 +120,21 @@
     "eslint-plugin-vue": "^8.7.1",
     "file-loader": "^6.2.0",
     "postcss": "^8.4.16",
-    "postcss-loader": "^6.2.1",
+    "postcss-loader": "^7.0.1",
-    "postcss-prefix-selector": "^1.15.0",
+    "postcss-prefix-selector": "^1.16.0",
     "purgecss-webpack-plugin": "^4.1.3",
     "sass": "^1.55.0",
-    "sass-loader": "^12.6.0",
+    "sass-loader": "^13.0.2",
     "tailwindcss": "^3.0.24",
     "ts-loader": "^9.3.0",
     "typescript": "^4.7.2",
     "vue": "^3.2.39",
     "vue-cli-plugin-quasar": "4.0.4",
     "vue-eslint-parser": "^8.3.0",
-    "vue-loader": "^16.8.3",
+    "vue-loader": "^17.0.0",
     "vuetify-loader": "^2.0.0-alpha.0",
+    "webpack": "^5.74.0",
+    "webpack-cli": "^4.10.0",
     "webpack-notifier": "^1.15.0"
   },
   "resolutions": {