fix: typescript error on i18n

Author: Zorin95670

apps/catalog-ui/src/components/field/EntityAttributeDateField.vue

@@ -95,6 +95,7 @@ import {
 import type { Dayjs } from 'dayjs';
 import type { ValidationRule } from 'quasar';
 import { computed, ref, watch } from 'vue';
+import type { ComposerTranslation } from 'vue-i18n';
 import type {
   AttributeFieldProps,
   EntityAttributeFieldOutputs,
@@ -125,7 +126,7 @@ const {
   upToDate,
   validateFromApi,
 } = useQuasarFieldValidation(localI18nScope);
-const globalT = getI18nInstance().global.t;
+const globalT = getI18nInstance().global.t as ComposerTranslation;
 
 const localValue = ref(props.entity[props.definition.name] ?? null);
 
@@ -156,8 +157,9 @@ watch(
 );
 
 const mask = computed(() => {
-  const maskI18NKey = props.definition.inputSettings?.maskI18NKey;
+  const maskI18NKey = props.definition.inputSettings?.maskI18NKey as string;
   if (getI18nInstance().global.te(maskI18NKey)) {
+    // @ts-expect-error - dynamic key, ComposerTranslation blows up type instantiation depth
     return globalT(maskI18NKey);
   }
   return props.definition.inputSettings?.mask || QDATE_DEFAULT_MASK;

apps/catalog-ui/src/components/smart-filter/DateSearchFilterPanel.vue

@@ -120,6 +120,7 @@ import {
 } from '@linagora/linid-im-front-corelib';
 import type { ValidationRule } from 'quasar';
 import { computed, ref } from 'vue';
+import type { ComposerTranslation } from 'vue-i18n';
 import type {
   DateFilterOperatorKey,
   DateSearchFilterPanelProps,
@@ -164,9 +165,10 @@ const isNegation = ref(false);
 const selectedOperatorKey = ref<DateFilterOperatorKey>('equals');
 
 const computedMask = computed(() => {
-  const { te, t } = getI18nInstance().global;
-  if (props.maskI18NKey && te(props.maskI18NKey)) {
-    return t(props.maskI18NKey);
+  const globalT = getI18nInstance().global.t as ComposerTranslation;
+  const globalTe = getI18nInstance().global.te;
+  if (props.maskI18NKey && globalTe(props.maskI18NKey)) {
+    return globalT(props.maskI18NKey);
   }
   return props.mask ?? QDATE_DEFAULT_MASK;
 });

apps/catalog-ui/src/federation/module-page-lifecycle.ts

@@ -35,6 +35,7 @@ import {
   useLinidZoneStore,
 } from '@linagora/linid-im-front-corelib';
 import type { ModulePageOptions } from '../types/ModulePageOptions';
+import type { ComposerTranslation } from 'vue-i18n';
 
 /**
  * Remote module responsible for page integration.
@@ -75,7 +76,7 @@ class ModulePage extends BasicRemoteModule<ModulePageOptions> {
   ): Promise<ModuleLifecycleResult> {
     const uiStore = useLinidUiStore();
     const linidZoneStore = useLinidZoneStore();
-    const { t } = getI18nInstance().global;
+    const t = getI18nInstance().global.t as ComposerTranslation;
 
     uiStore.addMainNavigationMenuItems({
       id: config.instanceId,

apps/module-users/src/module-lifecycle.ts

@@ -34,6 +34,7 @@ import {
   useLinidUiStore,
 } from '@linagora/linid-im-front-corelib';
 import type { ModuleUsersOptions } from './types/moduleUsers';
+import type { ComposerTranslation } from 'vue-i18n';
 
 /**
  * Remote module responsible for user-related features.
@@ -71,7 +72,8 @@ class ModuleUsers extends BasicRemoteModule<ModuleUsersOptions> {
     config: ModuleHostConfig<ModuleUsersOptions>
   ): Promise<ModuleLifecycleResult> {
     const uiStore = useLinidUiStore();
-    const { t } = getI18nInstance().global;
+
+    const t = getI18nInstance().global.t as ComposerTranslation;
 
     uiStore.addMainNavigationMenuItems({
       id: config.instanceId,