fix(i18n): add base url in i18n fetching

Author: dvcol

src/router/index.ts

@@ -5,7 +5,9 @@ import { useRouterStore } from '~/stores/router.store';
 
 export type RouterOptions = { baseName?: string; baseUrl?: string };
 export const createRouter = ({ baseName = '', baseUrl = import.meta.env.BASE_URL }: RouterOptions) => {
-  useRouterStore().setBaseName(baseName);
+  const { setBaseName, setBaseUrl } = useRouterStore();
+  setBaseName(baseName);
+  setBaseUrl(baseUrl);
   return createVueRouter({
     history: createWebHashHistory(baseUrl),
     routes: routes.map(r => ({ ...r, path: `${baseName}${r.path}` })),

src/stores/router.store.ts

@@ -7,5 +7,10 @@ export const useRouterStore = defineStore('router', () => {
     baseName.value = name;
   };
 
-  return { baseName, setBaseName };
+  const baseUrl = ref('');
+  const setBaseUrl = (url: string) => {
+    baseUrl.value = url;
+  };
+
+  return { baseName, setBaseName, baseUrl, setBaseUrl };
 });

src/utils/i18n.utils.ts

@@ -11,7 +11,7 @@ export const useI18n = (...roots: string[]): ReturnType<typeof chromeUseI18n> =>
     const router = useRouterStore();
 
     if (!store.locales?.[store.lang]) {
-      fetch(new URL(`${router.baseName ?? '.'}/_locales/${store.lang}/messages.json`, new URL(import.meta.url).origin))
+      fetch(new URL(`${router.baseUrl ?? './'}_locales/${store.lang}/messages.json`, new URL(import.meta.url).origin))
         .then(r => r.json())
         .then((locale: Locale) => store.addLocale(locale))
         .catch(err => console.error(`Failed to fetch locale '${store.lang}'`, err));