Merge pull request #19 from objectstack-ai/copilot/add-language-toggle-feature

huangyiirene · web-flow · commit 732b96d174c7 · 2026-01-19T22:25:33.000+08:00
diff --git a/apps/docs/app/[lang]/docs/layout.tsx b/apps/docs/app/[lang]/docs/layout.tsx
@@ -14,7 +14,11 @@ export default async function Layout({
   const { lang } = await params;
   
   return (
-    <DocsLayout tree={source.pageTree[lang]} {...baseOptions}>
+    <DocsLayout 
+      tree={source.pageTree[lang]} 
+      {...baseOptions}
+      i18n
+    >
       {children}
     </DocsLayout>
   );
diff --git a/apps/docs/app/[lang]/layout.tsx b/apps/docs/app/[lang]/layout.tsx
@@ -2,6 +2,12 @@ import type { ReactNode } from 'react';
 import { RootProvider } from 'fumadocs-ui/provider/next';
 import { i18n } from '@/lib/i18n';
 
+// Language display names mapping
+const LANGUAGE_NAMES: Record<string, string> = {
+  en: 'English',
+  cn: '中文',
+};
+
 export default async function LanguageLayout({
   params,
   children,
@@ -14,7 +20,17 @@ export default async function LanguageLayout({
   return (
     <html lang={lang} suppressHydrationWarning>
       <body>
-        <RootProvider>{children}</RootProvider>
+        <RootProvider
+          i18n={{
+            locale: lang,
+            locales: i18n.languages.map((l) => ({
+              name: LANGUAGE_NAMES[l] || l,
+              locale: l,
+            })),
+          }}
+        >
+          {children}
+        </RootProvider>
       </body>
     </html>
   );
diff --git a/apps/docs/app/[lang]/page.tsx b/apps/docs/app/[lang]/page.tsx
@@ -5,7 +5,7 @@ import { baseOptions } from '@/app/layout.config';
 
 export default function HomePage() {
   return (
-    <HomeLayout {...baseOptions}>
+    <HomeLayout {...baseOptions} i18n>
       <main className="flex min-h-screen flex-col items-center justify-center text-center px-4 py-16 sm:py-24 md:py-32 overflow-hidden bg-background text-foreground selection:bg-primary/20">
         
         {/* Hero Section */}
