Локалізація

Локалізація

Налаштування мови вашого 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 ще краще працює з Sub-path Routing.

Налаштуйте ваш проект 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>
  )
};

Ви можете переглянути приклад для роутера сторінок тут.

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

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

Ми надаємо повну підтримку для наступних регіонів locale:

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