simplify loading of lang files

dev/public/js/MARL/init.js

@@ -25,8 +25,6 @@ document.addEventListener("alpine:init", () => {
 
 // i18n
 
-let appStrings = {};
-
 document.addEventListener("alpine-i18n:ready", function () {
   AlpineI18n.create("en", appStrings);
   AlpineI18n.fallbackLocale = "en";

dev/public/js/i18n/_langs.js

@@ -3,8 +3,4 @@ const appLangs = {
   fr: "Français",
 };
 
-for (const lang in appLangs) {
-  const script = document.createElement("script");
-  script.src = `js/i18n/${lang}.js`;
-  document.head.appendChild(script);
-}
+let appStrings = {};

dev/src/pages/index.astro

@@ -25,6 +25,9 @@ import appVersion from '../appVersion';
     <SvgSprites />
 
     <script src={`/js/i18n/_langs.js?v=${appVersion}`} is:inline></script>
+    <script src={`/js/i18n/en.js?v=${appVersion}`} is:inline></script>
+    <script src={`/js/i18n/fr.js?v=${appVersion}`} is:inline></script>
+
     <script src={`/js/MARL/stores.js?v=${appVersion}`} is:inline></script>
     <script src={`/js/MARL/loadData.js?v=${appVersion}`} is:inline></script>
     <script src={`/js/MARL/utils.js?v=${appVersion}`} is:inline></script>