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 mengganti bahasa default.

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

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

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

Dukungan lokalisasi RainbowKit berfungsi lebih baik dengan Pembagian Jalur Sub.

Konfigurasikan proyek Next.js Anda seperti contoh di bawah ini untuk menambahkan jalur sub /locale/ opsional ke rute Anda, yang akan membantu mesin pencari dan pengguna lebih mengenali dukungan multi-bahasa Anda.

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

Kemudian 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 di sini.

Router Aplikasi belum mendukung i18n. Rujuk contoh terpisah kami di sini untuk praktik implementasi terbaik dengan middleware next-intl.

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

Kami menyediakan dukungan penuh untuk wilayah locale berikut:

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