インターフェースのローカリゼーション

Repovio Web インターフェイスは英語で出荷されます (en)、ドイツ語 (de)、スペイン語 (es)、フランス語 (fr)、イタリア語 (it)、オランダ語 (nl)、ポーランド語 (pl)、ポルトガル語 (pt）。アプリケーション ヘッダーの言語メニューは、サインインしているすべてのユーザーが利用できます。言語を選択すると、設定が保存されます。 repovio-locale ブラウザの Cookie を保存し、今後の訪問時に適用します。

英語が決定的なデフォルトおよびフォールバックです。ブラウザの設定または保存された Cookie がサポートされているロケールを識別しない場合、 Repovio 英語をレンダリングします。日付、時刻、数値の書式設定には、選択したロケールが使用されます。

ログイン操作と国旗

ログインと最初の管理者設定ページでは、フォームの下に現在の言語と国旗を示す選択欄があります。読み込み中は処理中表示を維持します。別のテーマボタンでシステム、ライト、ダークを切り替え、選択を保存します。アイコンは現在の設定を、ツールチップとアクセシブルな名前は現在の設定と次の操作を示します。

言語メニューはネイティブ名の隣に装飾用のローカル SVG 国旗を表示します。名前をアクセシブルなラベルとして維持し、国旗で置き換えません。言語と国の対応は次のとおりです。 en → GB, de → DE, es → ES, fr → FR, it → IT, nl → NL, pl → PL, pt → PT.

apps/web/public/flags の素材は flag-icons v7.5.0 由来で、同梱の MIT ライセンスに従います。外部画像リクエストは不要です。言語追加時には国旗と useLocales の対応も追加してください。

ロケールの追加または更新

1. 追加または更新 apps/web/i18n/locales/<locale>.json を使用して en.json 完全なキーリファレンスとして。
2. ロケールコード、ファイル名、ネイティブ表示名を apps/web/nuxt.config.ts。
3. すべてのメッセージキーが存在するようにします。 en.json; Web テスト スイートは、出荷されたロケールごとにこのパリティをチェックします。
4. ユーザーに表示される新しいインターフェイス文字列ごとに英語とドイツ語のメッセージを追加し、出荷されたすべてのロケールに対応する翻訳を追加します。
5. 走る pnpm --filter @repovio/web test、 pnpm --filter @repovio/web typecheck、および影響を受ける Playwright テスト。

プロバイダー名、リポジトリ名、ワークフロー名、およびその他のプロバイダーが提供するデータは、変更されないため変更されません。 Repovio インターフェースのコピー。