feat(frontend): add next-intl bilingual i18n for core paths

Wire next-intl without locale routes, add zh-CN/en catalogs, language switcher, and migrate layout/auth/settings UI copy. Document i18n rules in AGENTS.md and keep static export builds working.
2026-10-07 08:06:37 +08:00 · 2026-07-24 16:25:41 +08:00
parent 9c1369186f
commit 1625cfb2fb
23 changed files with 1638 additions and 355 deletions
@@ -0,0 +1,78 @@
+'use client';
+
+import { Languages } from 'lucide-react';
+import { useLocale } from 'next-intl';
+import { Button } from '@/components/ui/button';
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu';
+import { localeLabels, locales, type AppLocale } from '@/i18n/config';
+import { switchLocale } from '@/i18n/client';
+import { cn } from '@/lib/utils';
+
+type LanguageSwitcherProps = {
+  variant?: 'icon' | 'full';
+  className?: string;
+};
+
+export function LanguageSwitcher({
+  variant = 'icon',
+  className,
+}: LanguageSwitcherProps) {
+  const locale = useLocale() as AppLocale;
+
+  if (variant === 'full') {
+    return (
+      <div className={cn('flex gap-2', className)}>
+        {locales.map((item) => (
+          <Button
+            key={item}
+            type='button'
+            size='sm'
+            variant={item === locale ? 'default' : 'secondary'}
+            className='flex-1 text-xs'
+            onClick={() => {
+              if (item !== locale) switchLocale(item);
+            }}
+          >
+            {localeLabels[item]}
+          </Button>
+        ))}
+      </div>
+    );
+  }
+
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <Button
+          variant='ghost'
+          size='icon'
+          className={cn(
+            'size-9 text-muted-foreground hover:text-foreground',
+            className,
+          )}
+          aria-label={localeLabels[locale]}
+        >
+          <Languages className='size-[18px]' />
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align='end'>
+        {locales.map((item) => (
+          <DropdownMenuItem
+            key={item}
+            onClick={() => {
+              if (item !== locale) switchLocale(item);
+            }}
+            className={item === locale ? 'bg-accent' : undefined}
+          >
+            {localeLabels[item]}
+          </DropdownMenuItem>
+        ))}
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+}