vuejs3 I18n と合成 API

Question

Hello

Answer 1

アプリケーションの main.js で i18n をインスタンス化しました。これは重要な点です。

ドキュメントで提供されている例は、必ずしも createApp で定義されたインスタンス上で完了する必要はありません。 main で i18n をインスタンス化する限り、どのコンポーネントでも機能します。 (js|ts)

これはどのコンポーネントでも機能します (ただし、t が必要です):

リーリー

補足: すべての $tc (pluralization) 機能は t に移動されました。

既存のアプリケーションをアップグレードしていて、テンプレートを使用せずに $t と $tc のすべてのインスタンスを t に置き換える場合:

リーリー

---

$t と $tc を任意のコンポーネントの <template> で使用できるようにするには (必ずしも <script>gt; (または <script setup>) をインポートして公開します:

リーリー

• <script> でまだ必要な場合は、上記のように 'vue-i18n' からインポートします。
• $tc は Vue3 では使用されなくなりました。テンプレートが Vue2 からのものである場合は、すべての $tc を $t に置き換えることをお勧めします。あるいは、テンプレートに触れたくない場合は、両方に useI18n().t を割り当てることもできます。
リーリー