fix: use useI18n instead of window.i18n

Author: yaroslav8765

adminforth/spa/src/main.ts

@@ -5,17 +5,13 @@ import { createPinia } from 'pinia'
 
 import App from './App.vue'
 import router from './router'
-import { initI18n } from './i18n'
 
 export const app: ReturnType<typeof createApp> = createApp(App)
 /* IMPORTANT:ADMINFORTH COMPONENT REGISTRATIONS */
 
 app.use(createPinia())
 app.use(router)
 
-// get access to i18n instance outside components
-window.i18n = initI18n(app);
-
 
 /* IMPORTANT:ADMINFORTH CUSTOM USES */
 

adminforth/spa/src/utils.ts

@@ -9,10 +9,12 @@ import adminforth from './adminforth';
 import sanitizeHtml  from 'sanitize-html'
 import debounce from 'debounce';
 import type { AdminForthResourceColumnInputCommon, Predicate } from '@/types/Common';
+import { useI18n } from 'vue-i18n';
 
 const LS_LANG_KEY = `afLanguage`;
 const MAX_CONSECUTIVE_EMPTY_RESULTS = 2;
 const ITEMS_PER_PAGE_LIMIT = 100;
+const { t } = useI18n();
 
 export async function callApi({path, method, body, headers}: {
   path: string, method: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH' 
@@ -42,11 +44,11 @@ export async function callApi({path, method, body, headers}: {
     // if it is internal error, say to user
     if (e instanceof TypeError && e.message === 'Failed to fetch') {
       // this is a network error
-      adminforth.alert({variant:'danger', message: window.i18n?.global?.t('Network error, please check your Internet connection and try again'),})
+      adminforth.alert({variant:'danger', message: t('Network error, please check your Internet connection and try again'),})
       return null;
     }
 
-    adminforth.alert({variant:'danger', message: window.i18n?.global?.t('Something went wrong, please try again later'),})
+    adminforth.alert({variant:'danger', message: t('Something went wrong, please try again later'),})
     console.error(`error in callApi ${path}`, e);
   }
 }