Локализация

Локализация

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

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

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

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

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

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

Поддержка локализации в RainbowKit работает еще лучше с маршрутизацией по под-путям.

Настройте ваш проект 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 здесь.

Маршрутизатор App пока не поддерживает i18n. Ссылка на отдельный пример здесь для лучших практик реализации с next-intl middleware.

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

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

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