Fix laravel-vue-i18n issue

Fix error in browser console: `Uncaught (in promise) TypeError: Object.assign(...)[(("../lang/" + (intermediate value)) + ".json")] is not a function`

Author: ilumos

resources/js/bootstrap.js

@@ -22,6 +22,6 @@ window.ClipboardJS = ClipboardJS;
 window.I18n = new I18n({
     resolve: async lang => {
         const langs = import.meta.glob('../lang/*.json');
-        return await langs[`../lang/${lang}.json`]();
+        return await langs[`../lang/php_${lang}.json`]();
     }
 });

resources/js/pages/active-games.js

@@ -5,7 +5,7 @@ const app = createApp({});
 app.use(i18nVue, {
     resolve: async lang => {
         const langs = import.meta.glob('../../lang/*.json');
-        return await langs[`../../lang/${lang}.json`]();
+        return await langs[`../../lang/php_${lang}.json`]();
     }
 })
 app.component('ActiveGames', ActiveGames);

resources/js/pages/events.js

@@ -5,7 +5,7 @@ const app = createApp({});
 app.use(i18nVue, {
     resolve: async lang => {
         const langs = import.meta.glob('../../lang/*.json');
-        return await langs[`../../lang/${lang}.json`]();
+        return await langs[`../../lang/php_${lang}.json`]();
     }
 })
 app.component('Events', Events);

resources/js/pages/schedule.js

@@ -5,7 +5,7 @@ const app = createApp({});
 app.use(i18nVue, {
     resolve: async lang => {
         const langs = import.meta.glob('../../lang/*.json');
-        return await langs[`../../lang/${lang}.json`]();
+        return await langs[`../../lang/php_${lang}.json`]();
     }
 })
 app.component('EventSchedule', EventSchedule);

resources/js/pages/slides.js

@@ -7,7 +7,7 @@ const app = createApp({});
 app.use(i18nVue, {
     resolve: async lang => {
         const langs = import.meta.glob('../../lang/*.json');
-        return await langs[`../../lang/${lang}.json`]();
+        return await langs[`../../lang/php_${lang}.json`]();
     }
 })
 app.component('Slides', Slides);