How to type correctly I18N generic types when using MessageSchema?

[aiktb]

import en from "~/assets/_locales/en.json";

const FALLBACK_LOCALE = "en";

export const SUPPORT_LOCALES = [FALLBACK_LOCALE, "ja", "cn"] as const;

export type SupportLocale = typeof SUPPORT_LOCALES[number];
type MessageSchema = typeof en;

export async function setupI18n() {
  const defaultLocale = (await userConfig.getValue()).interfaceLanguage;
  const i18n = createI18n<[MessageSchema], SupportLocale>({
    locale: defaultLocale,
    fallbackLocale: FALLBACK_LOCALE,
    legacy: false,
  });
  await setI18nLanguage(i18n, defaultLocale);
  return i18n;
}

export function setI18nLanguage(i18n: I18n, locale: SupportLocale) {
  i18n.global.locale.value = locale;

  document.documentElement.setAttribute("lang", locale);
}

The i18n variable type I passed into setI18nLanguage is displayed as:

const i18n: I18n<{
    en: {
        title: string;
        currentHost: string;
        inoperableTip: string;
    };
    ja: {
        title: string;
        currentHost: string;
        inoperableTip: string;
    };
    cn: {
        title: string;
        currentHost: string;
        inoperableTip: string;
    };
}, {
    en: DateTimeFormat;
    ja: DateTimeFormat;
    cn: DateTimeFormat;
}, {
    en: NumberFormat;
    ja: NumberFormat;
    cn: NumberFormat;
}, string, true>

This is incompatible with type I18N, giving an type error:

Argument of type 'I18n<{ en: { title: string; currentHost: string; inoperableTip: string; }; ja: { title: string; currentHost: string; inoperableTip: string; }; cn: { title: string; currentHost: string; inoperableTip: string; }; }, { en: DateTimeFormat; ja: DateTimeFormat; cn: DateTimeFormat; }, { en: NumberFormat; ja: NumberFormat; cn: NumberFormat; }, string, true>' is not assignable to parameter of type 'I18n<{}, {}, {}, string, boolean>'.
  Types of property 'global' are incompatible.
    Type 'VueI18n<{ en: { title: string; currentHost: string; inoperableTip: string; }; ja: { title: string; currentHost: string; inoperableTip: string; }; cn: { title: string; currentHost: string; inoperableTip: string; }; }, { en: DateTimeFormat; ja: DateTimeFormat; cn: DateTimeFormat; }, { en: NumberFormat; ja: NumberFormat; cn: NumberFormat; }, string, "en" | "ja" | "cn", "en" | "ja" | "cn", Composer<{ en: { title: string; currentHost: string; inoperableTip: string; }; ja: { title: string; currentHost: string; inoperableTip: string; }; cn: { title: string; currentHost: string; inoperableTip: string; }; }, { en: DateTimeFormat; ja: DateTimeFormat; cn: DateTimeFormat; }, { en: NumberFormat; ja: NumberFormat; cn: NumberFormat; }, string, "en" | "ja" | "cn", "en" | "ja" | "cn">>' is not assignable to type 'Composer<{}, {}, {}, string, never, string> | VueI18n<{}, {}, {}, string, never, string, Composer<{}, {}, {}, string, never, string>>'.
      Type 'VueI18n<{ en: { title: string; currentHost: string; inoperableTip: string; }; ja: { title: string; currentHost: string; inoperableTip: string; }; cn: { title: string; currentHost: string; inoperableTip: string; }; }, { en: DateTimeFormat; ja: DateTimeFormat; cn: DateTimeFormat; }, { en: NumberFormat; ja: NumberFormat; cn: NumberFormat; }, string, "en" | "ja" | "cn", "en" | "ja" | "cn", Composer<{ en: { title: string; currentHost: string; inoperableTip: string; }; ja: { title: string; currentHost: string; inoperableTip: string; }; cn: { title: string; currentHost: string; inoperableTip: string; }; }, { en: DateTimeFormat; ja: DateTimeFormat; cn: DateTimeFormat; }, { en: NumberFormat; ja: NumberFormat; cn: NumberFormat; }, string, "en" | "ja" | "cn", "en" | "ja" | "cn">>' is not assignable to type 'VueI18n<{}, {}, {}, string, never, string, Composer<{}, {}, {}, string, never, string>>'.
        Types of property 't' are incompatible.
          Type 'VueI18nTranslation<{ en: { title: string; currentHost: string; inoperableTip: string; }; ja: { title: string; currentHost: string; inoperableTip: string; }; cn: { title: string; currentHost: string; inoperableTip: string; }; }, "en" | "ja" | "cn", RemoveIndexSignature<{ [x: string]: LocaleMessageValue<VueMessageType>; }>, never, _ResourcePath<{ title: string; currentHost: string; inoperableTip: string; }>, _ResourcePath<{ title: string; currentHost: string; inoperableTip: string; }>>' is not assignable to type 'VueI18nTranslation<{}, string, RemoveIndexSignature<{ [x: string]: LocaleMessageValue<VueMessageType>; }>, never, never, never>'.
            Type 'string' is not assignable to type '"en" | "ja" | "cn"'.ts(2345)

How can I provide the correct I18N type to setI18nLanguage here?