fix(i18n): prevent infinite hmr loop

Author: dvcol

package.json

@@ -36,6 +36,7 @@
     "vite:build": "vite build",
     "vite:preview": "vite preview --host",
     "dev": "cross-env NODE_ENV=development run-p dist vite:serve",
+    "dev:web": "VITE_SOURCEMAP=true VITE_WEB=true VITE_BASE=/trakt-extension/ run-s dev",
     "build": "cross-env NODE_ENV=production run-s dist type:check 'vite:build {@}' --",
     "build:web": "VITE_WEB=true VITE_BASE=/trakt-extension/ pnpm run build",
     "serve:web": "VITE_SOURCEMAP=true VITE_WEB=true VITE_BASE=/web-extension-template/ run-s build vite:preview",

src/utils/i18n.utils.ts

@@ -4,16 +4,19 @@ import { useI18nStore } from '~/stores/i18n.store';
 import { useRouterStore } from '~/stores/router.store';
 import { chromeI18n, useI18nTranslate } from '~/utils/browser/browser-i18n.utils';
 
+let promise: Promise<Locales | void> | undefined;
+let hotReload = false;
 export const initLocalI18n = () => {
   const store = useI18nStore();
   const router = useRouterStore();
-  let promise: Promise<Locales | void> | undefined;
+  if (hotReload || promise) return { store, router, promise };
   if (import.meta.hot) {
     console.debug('Listening to i18n HMR changes');
     import.meta.hot.send('fetch:i18n');
     import.meta.hot.on('update:i18n', (data: { lang: string; locale: Locale }[]) => {
       data?.forEach(({ lang, locale }) => store.addLocale(locale, lang, true));
     });
+    hotReload = true;
   } else if (!store.locales?.[store.lang]) {
     promise = fetch(new URL(`${router.baseUrl ?? './'}_locales/${store.lang}/messages.json`, new URL(import.meta.url).origin))
       .then(r => r.json())