Lokalisasi

Lokalisasi

Menyesuaikan bahasa dApp Anda dengan terjemahan bawaan

Secara default, RainbowKit mendukung lokal en-US untuk pengguna berbahasa Inggris.

Jika tersedia, RainbowKit akan mendeteksi bahasa pilihan pengguna dan memilih terjemahan yang sesuai. Pengembang selalu dapat mengesampingkan bahasa default.

Untuk menentukan bahasa bagi pengguna Anda, cukup tambahkan locale="zh-CN" sebagai prop dalam RainbowKitProvider Anda

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

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

Dukungan lokalisasi RainbowKit bekerja lebih baik dengan Sub-path Routing.

Konfigurasikan proyek Next.js Anda seperti contoh di bawah ini untuk menambahkan sub-path /locale/ opsional ke rute Anda, yang akan membantu mesin pencari dan pengguna lebih baik menemukan dukungan multibahasa Anda.

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

Lalu berikan locale yang disediakan oleh Pages Router ke 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>
  )
};

Anda dapat merujuk contoh untuk Pages Router here.

App Router belum mendukung i18n. Rujuk contoh terpisah kami here untuk praktik terbaik implementasi dengan middleware next-intl.

Disarankan agar Anda menggunakan teknik yang sama untuk menerjemahkan konten dApp Anda untuk dukungan lokalisasi penuh. Perpustakaan lokalisasi seperti i18n-js dan next-intl dan alat manajemen seperti Crowdin akan menyederhanakan proses ini.

Kami memberikan dukungan penuh untuk daerah locale berikut:

Jika Anda ingin melihat dukungan untuk bahasa tambahan, silakan buka Diskusi GitHub dan kami akan bekerja untuk mendukungnya secepat mungkin.