Локализация

Локализация

Настройка языка вашего dApp с помощью встроенных переводов

По умолчанию, RainbowKit поддерживает локаль en-US для пользователей английского языка.

Если доступно, RainbowKit определит предпочитаемый пользователем язык и выберет соответствующие переводы. Разработчики всегда могут переопределить язык по умолчанию.

Чтобы указать язык для ваших пользователей, просто добавьте locale="zh-CN" в качестве prop в вашем RainbowKitProvider

import { RainbowKitProvider } from '@rainbow-me/rainbowkit';

export const App = () => (
  <RainbowKitProvider locale="zh-CN" {...etc}>
    {/* Your App */}
  </RainbowKitProvider>
);

Поддержка локализации RainbowKit работает еще лучше с Sub-path Routing.

Настройте ваш проект Next.js, как показано ниже, чтобы добавить необязательный подпуть /locale/ к вашим маршрутам, что поможет поисковым системам и пользователям лучше найти ваше многоязычное поддержку.

// next.config.js
{
  i18n: {
    locales: ['default', 'en', 'zh-CN'],
    defaultLocale: 'default',
  },
}

Затем передайте locale, предоставленный роутером Pages, в RainbowKitProvider

import { RainbowKitProvider, Locale } from '@rainbow-me/rainbowkit';

export const App = () => {
  const { locale } = useRouter() as { locale: Locale };
  return (
    <RainbowKitProvider locale={locale} {...etc}>
      {/* Your App */}
    </RainbowKitProvider>
  )
};

Вы можете обратиться к примеру для роутера Pages here.

App Router еще не поддерживает i18n. Ознакомьтесь с нашим отдельным примером здесь для лучших практик внедрения с промежуточным ПО next-intl.

Рекомендуется использовать те же технологии для перевода контента вашего dApp для полной поддержки локализации. Библиотеки локализации, такие как i18n-js и next-intl, и инструменты управления, такие как Crowdin, упростят этот процесс.

Мы обеспечиваем полную поддержку следующих регионов locale:

Если вы хотели бы видеть поддержку дополнительного языка, откройте Обсуждение на GitHub и мы постараемся поддержать его как можно скорее.