なぜ Vue のローカライズはイライラするのですか
コピーペーストの悪夢
de.json、fr.json、es.jsonを手動で作成します。タイプミスひとつでアプリが壊れることがあります。
高価なサービス
Lokalise は月額 $120、Crowdin は月額 $100。副プロジェクトですか？
壊れた @:linked 参照
vueI18nPage.pain3Desc
これが動作の仕組みです。
3つのステップ。2分。完了。
1
JSONをアップロード
en.json または locales/en.json をアップロードしてください。
2
言語を選択
29件利用可能です。ドイツ語、フランス語、日本語...
3
ダウンロード
/locales ディレクトリ用に de.json、fr.json、es.json を取得します。
Vue i18nエコシステムと連携して動作します。
vue-i18n
Vue 2 と Vue 3
@nuxtjs/i18n
Nuxtモジュール
@intlify/nuxt3
Nuxt 3
petite-vue-i18n
軽量
ビフォー → アフター
vueI18nPage.codeSubtitle
前 (locales/en.json)
// locales/en.json
{
"message": {
"hello": "Hello {name}!",
"linked": "@:message.hello World",
"count": "{n} item | {n} items"
},
"nav": {
"home": "Home",
"about": "About Us"
}
}後 (locales/de.json)
// locales/de.json
{
"message": {
"hello": "Hallo {name}!",
"linked": "@:message.hello Welt",
"count": "{n} Artikel | {n} Artikel"
},
"nav": {
"home": "Startseite",
"about": "Über uns"
}
}Vue開発者向けに設計されています
プレースホルダ保護
vueI18nPage.feat1Desc
Vue 2 + Vue 3 + Nuxt 3
すべての vue-i18n バージョンをサポートします。JSON 構造を正確に保持します。
2時間ではなく2分
アップロード → 言語を選択 → ダウンロード。npm install が完了する前に完了します。
翻訳メモリ = 90%の節約
すでに翻訳された文字列は再利用されます。更新のコストはほぼかかりません。
Vue i18n の完全サポート
{named} プレースホルダ
リンクされたメッセージ
パイプによる複数形変換（|）
$t() および $tc() の参照
ネストされたメッセージ構造
数値のフォーマット
日付/時刻のフォーマット
修飾子 (@.upper, @.lower)
なぜ Lokalise/Crowdinを選ばないのですか？
| shipglobal | Lokalise | Crowdin | |
|---|---|---|---|
| 価格 | €0.12/1k 文字 | €120/月+ | €100/月+ |
| @:linked は保護されています | |||
| セットアップ時間 | 2分. | 1時間以上 | 1時間以上 |
| サブスクリプションが必要ですか？ |