การแปลเป็นภาษาไทย

การแปลเป็นภาษาไทย

ปรับแต่งภาษาของ dApp ของคุณด้วยการแปลในตัว

ตามค่าเริ่มต้น RainbowKit รองรับ en-US สำหรับผู้ใช้ที่ใช้ภาษาอังกฤษ

หากมี RainbowKit จะตรวจหาภาษา ที่ผู้ใช้ต้องการ และเลือกการแปลที่เหมาะสม นักพัฒนาสามารถแทนที่ภาษาเริ่มต้นได้เสมอ

ในการระบุภาษาสำหรับผู้ใช้ของคุณ เพียงเพิ่ม locale="zh-CN" เป็น prop ใน 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 ที่จัดหาโดย Pages Router ไปยัง 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 และเราจะทำงานเพื่อสนับสนุนทันทีที่เป็นไปได้