import type { createI18n } from 'vue-i18n'; export let i18n: ReturnType<typeof createI18n>; type I18nGlobalTranslation = { (key: string): string; (key: string, locale: string): string; (key: string, locale: string, list: unknown[]): string; (key: string, locale: string, named: Record<string, unknown>): string; (key: string, list: unknown[]): string; (key: string, named: Record<string, unknown>): string; }; type I18nTranslationRestParameters = [string, any]; function getKey(namespace: string | undefined, key: string) { if (!namespace) { return key; } if (key.startsWith(namespace)) { return key; } return `${namespace}.${key}`; } export function useI18n(namespace?: string): { t: I18nGlobalTranslation; } { const normalFn = { t: (key: string) => { return getKey(namespace, key); }, }; if (!i18n) { return normalFn; } const { t, ...methods } = i18n.global; const tFn: I18nGlobalTranslation = (key: string, ...arg: any[]) => { if (!key) return ''; if (!key.includes('.') && !namespace) return key; return t(getKey(namespace, key), ...(arg as I18nTranslationRestParameters)); }; return { ...methods, t: tFn, }; } // Why write this function？ // Mainly to configure the vscode i18nn ally plugin. This function is only used for routing and menus. Please use useI18n for other places // 为什么要编写此函数？ // 主要用于配合vscode i18nn ally插件。此功能仅用于路由和菜单。请在其他地方使用useI18n export const t = (key: string) => key;这段代码报错，帮忙重写

这段代码报错的原因可能是在使用 useI18n 函数时，参数类型不匹配。可以尝试按照下面的方式重写代码：

import { createI18n, LocaleMessages } from 'vue-i18n';

const messages: LocaleMessages = {
  en: {
    // English translations
  },
  zh: {
    // Chinese translations
  },
  // Add more languages and translations as needed
};

const i18n = createI18n({
  locale: 'en',
  messages,
});

export function useI18n(namespace?: string) {
  const normalFn = {
    t: (key: string) => {
      return namespace ? `${namespace}.${key}` : key;
    },
  };

  if (!i18n) {
    return normalFn;
  }

  const { t, ...methods } = i18n.global;

  const tFn: I18nGlobalTranslation = (
    key: string,
    ...arg: I18nTranslationRestParameters
  ) => {
    if (!key) return '';

    if (!key.includes('.') && !namespace) return key;

    return t(namespace ? `${namespace}.${key}` : key, ...arg);
  };

  return {
    ...methods,
    t: tFn,
  };
}

// This function is only used for routing and menus. Please use useI18n for other places
export const t = (key: string) => key;

注意，这里还需要定义 `I18nGlobalTranslation` 和 `I18nTranslationRestParameters` 类型，具体代码如下：

type I18nGlobalTranslation = {
  (key: string): string;
  (key: string, locale: string): string;
  (key: string, locale: string, list: unknown[]): string;
  (key: string, locale: string, named: Record<string, unknown>): string;
  (key: string, list: unknown[]): string;
  (key: string, named: Record<string, unknown>): string;
};

type I18nTranslationRestParameters = [string, ...unknown[]];