ログイン画面の多言語（i18n）

<!-- UPDATED_AT --> 2026-05-10

login.html および src/js/pages/login.js は、右上の言語切替（地球アイコン）でロケールを変えたときに文言が追従するよう整備されています。

---

仕組み

• 文言の正: public/locales/{ja,en,vi,zh-CN,id}.json の login オブジェクト（ドット区切りキー例: login.btnLogin）
• 静的 DOM: login.html のラベル・プレースホルダ・ボタン等に data-i18n, data-i18n-placeholder, data-i18n-aria-label, data-i18n-html を付与。src/js/core/i18n.js の applyI18n(document) が setLocale / 初回 initI18n 時に反映
• 動的 DOM（入り口別ヒーロー・モーダル文言など）: login.js で t（import { t as tr } from "../core/i18n.js"） を参照
• 初期化順: initLoginPage 先頭で await window.Tsunagaru.i18nReady のあと applyLoginEntryUI と applyI18n(document) を実行
• 切替後の再描画: window の i18n:locale イベントで applyLoginEntryUI・applyI18n・顔登録バッジ一覧の再描画を実行

---

パスワード表示ボタン

インライン onclick はやめ、js-pw-toggle と data-pw-target="email欄のid" で login.js が一度だけ document.body に委譲リスナーを付与。aria-label は login.ariaPwShow / login.ariaPwHide で切替。

---

新しい文言を足すとき

1. 5言語すべての public/locales/*.json の login にキーを追加（vi / zh-CN / id は未翻訳でも英語プレースホルダで可）

2. HTML なら該当要素に data-i18n="login.newKey" 等を付与

3. JS 直書きなら tr("login.newKey", { param: value })（補間は {{param}} 形式）

---

関連索引

• 本番セットアップ（Auth Redirect 等）: [SETUP_PRODUCTION.md](./SETUP_PRODUCTION.md)
• ドキュメント一覧: [DOCUMENTATION_INDEX.md](./DOCUMENTATION_INDEX.md)