国际化 - LI.FI

LI.FI Widget 支持国际化（i18n），并在我们社区的帮助下被翻译成多种语言，为你的用户提供本地化的用户体验，使他们更容易理解 widget 并与之交互。查看支持的语言，并通过加入我们在 Crowdin 上的翻译项目来帮助我们进行翻译：

配置语言

默认情况下，widget 使用英语。你可以配置默认语言、想要在 widget 内显示哪些语言，或者在隐藏内置语言选择器的情况下，让用户以哪种语言查看 widget。语言配置有 allow、deny 和 default 选项。

import { LiFiWidget, WidgetConfig } from '@lifi/widget';

const widgetConfig: WidgetConfig = {
  // hide the language selection part of the UI
  // hiddenUI: { language: true },
  languages: {
    // default to German
    default: 'de',
    // allow German and Spanish languages only
    allow: ['de', 'es'],
    // disable Chinese from being shown in the languages list
    // deny: ['zh'],
  },
};

export const WidgetPage = () => {
  return (
    <LiFiWidget integrator="Your dApp/company name" config={widgetConfig} />
  );
};

语言资源

你可以通过提供语言资源，自定义 widget 以支持你的 dApp 所需的任何语言。与其尝试通过配置添加某种语言，不如先考虑通过加入我们的 Crowdin 翻译项目来帮助我们翻译你所需的语言。🙂

import { LiFiWidget, WidgetConfig } from '@lifi/widget';
import es from './i18n/es.json';

const widgetConfig: WidgetConfig = {
  languageResources: {
    es,
  },
};

export const WidgetPage = () => {
  return (
    <LiFiWidget integrator="Your dApp/company name" config={widgetConfig} />
  );
};

{
  "language": {
    "name": "Español",
    "title": "Idioma"
  }
}

此外，如果你想调整某些文本，也可以自定义现有的语言资源。在我们仓库中的参考文件 en.json 中查找完整的键值对列表这里。

import { LiFiWidget, WidgetConfig } from '@lifi/widget';

const widgetConfig: WidgetConfig = {
  languageResources: {
    en: {
      button: { swap: 'Test swap' },
    },
  },
};

export const WidgetPage = () => {
  return (
    <LiFiWidget integrator="Your dApp/company name" config={widgetConfig} />
  );
};