Địa phương hóa

Địa phương hóa

Tùy chỉnh ngôn ngữ cho dApp của bạn với bản dịch tích hợp sẵn

Theo mặc định, RainbowKit hỗ trợ ngôn ngữ en-US cho người dùng nói tiếng Anh.

Nếu có, RainbowKit sẽ phát hiện ngôn ngữ ưa thích của người dùng và chọn bản dịch phù hợp. Các nhà phát triển luôn có thể ghi đè ngôn ngữ mặc định.

Để chỉ định một ngôn ngữ cho người dùng của bạn, thêm locale="zh-CN" như một thuộc tính trong RainbowKitProvider của bạn

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

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

Hỗ trợ địa phương hóa của RainbowKit hoạt động tốt hơn với Điều hướng theo đường dẫn phụ.

Cấu hình dự án Next.js của bạn như ví dụ dưới đây để thêm đường dẫn phụ /locale/ tùy chọn vào các tuyến của bạn, điều này sẽ giúp công cụ tìm kiếm và người dùng dễ dàng phát hiện hỗ trợ đa ngôn ngữ của bạn hơn.

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

Sau đó chuyển locale do Pages Router cung cấp đến 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>
  )
};

Bạn có thể tham khảo một ví dụ cho Pages Router tại đây.

App Router chưa hỗ trợ i18n. Tham khảo ví dụ riêng của chúng tôi tại đây để biết các phương pháp triển khai tốt nhất với middleware next-intl.

Chúng tôi khuyến nghị bạn sử dụng các kỹ thuật tương tự để dịch nội dung dApp của mình để hỗ trợ địa phương hóa đầy đủ. Các thư viện địa phương hóa như i18n-js và next-intl và các công cụ quản lý như Crowdin sẽ đơn giản hóa quá trình này.

Chúng tôi cung cấp hỗ trợ đầy đủ cho các vùng locale sau đây:

Nếu bạn muốn thấy hỗ trợ cho một ngôn ngữ bổ sung, vui lòng mở Thảo luận GitHub và chúng tôi sẽ nỗ lực để hỗ trợ nó sớm nhất có thể.