Локалізація

Локалізація

Налаштування мови вашого 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, наданий Маршрутизатором Сторінок, до 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 Router тут.

App Router поки що не підтримує i18n. Ознайомтеся з нашим окремим прикладом тут для найкращих практик реалізації за допомогою посередника next-intl.

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

Ми повністю підтримуємо наступні регіони locale:

Якщо ви хотіли б побачити підтримку додаткової мови, будь ласка, відкрийте обговорення на GitHub і ми працюватимемо над її підтримкою якнайшвидше.