[PR #43] feat(i18n): add Chinese/English internationalization support #60

New issue

Open

opened 2026-02-26 21:31:08 +03:00 by kerem · 0 comments

kerem commented

2026-02-26 21:31:08 +03:00

Owner

Original Pull Request: https://github.com/fspecii/ace-step-ui/pull/43

State: open
Merged: No

Summary

Add full i18n (internationalization) support with Chinese and English languages
Integrate i18next, react-i18next, and i18next-browser-languagedetector
Replace all hardcoded English strings across 15 components with t() translation calls
Add language switcher UI (English / 中文) in Settings modal
Add locale files: locales/en.json and locales/zh.json

Changes

New files: i18n.ts, locales/en.json, locales/zh.json
Modified: App.tsx, index.tsx, package.json, and 15 component files
Dependencies added: i18next, react-i18next, i18next-browser-languagedetector

Features

Auto-detects browser language preference
Persists language choice in localStorage
Covers all UI text: sidebar, player, create panel, library, search, playlists, song details, user profile, modals, video studio, and more

Test plan

Verify app loads with browser default language
Switch language in Settings → confirm all UI text updates
Refresh page → confirm language persists via localStorage
Test both English and Chinese translations for completeness

🤖 Generated with Claude Code

**Original Pull Request:** https://github.com/fspecii/ace-step-ui/pull/43 **State:** open **Merged:** No --- ## Summary - Add full i18n (internationalization) support with Chinese and English languages - Integrate `i18next`, `react-i18next`, and `i18next-browser-languagedetector` - Replace all hardcoded English strings across 15 components with `t()` translation calls - Add language switcher UI (English / 中文) in Settings modal - Add locale files: `locales/en.json` and `locales/zh.json` ## Changes - **New files**: `i18n.ts`, `locales/en.json`, `locales/zh.json` - **Modified**: `App.tsx`, `index.tsx`, `package.json`, and 15 component files - **Dependencies added**: `i18next`, `react-i18next`, `i18next-browser-languagedetector` ## Features - Auto-detects browser language preference - Persists language choice in localStorage - Covers all UI text: sidebar, player, create panel, library, search, playlists, song details, user profile, modals, video studio, and more ## Test plan - [ ] Verify app loads with browser default language - [ ] Switch language in Settings → confirm all UI text updates - [ ] Refresh page → confirm language persists via localStorage - [ ] Test both English and Chinese translations for completeness 🤖 Generated with [Claude Code](https://claude.com/claude-code)