Add i18n Foundation and Language Switch Placeholder in Home.jsx
#100 建立於 2025年10月19日
倉庫指標
- 星標
- (8 顆星)
- PR 合併指標
- (PR 指標待抓取)
描述
Introduce a basic internationalization (i18n) setup for the app starting with Home.jsx. This foundation will allow easy translation of UI text by using external JSON files (e.g., en.json, fr.json, etc.). Add a simple language switch placeholder in the UI to prepare for future multilingual support.
🎯 Goals / Acceptance Criteria
Set up an i18n directory or folder structure for language files (/src/i18n/en.json).
Implement basic i18n configuration using a library like react-i18next or a custom hook.
Replace static text in Home.jsx with i18n translation keys.
Add a language switch placeholder (dropdown or button) in the header or footer.
Ensure default language is English (en).
Prepare the structure for adding more languages in future (e.g., fr.json, es.json).