Vue 3 構成 API の i18n ローカリゼーションが更新されない

Question

ボタンをクリックして Vue-i18n のロケールを変更しようとしています。しかし、ボタンをクリックしても何も起こりません。エラーもありません。この問題をどうやって解決すればいいでしょうか？

<button v-on:click.prevent="setLocale('id')">Ind</button>
<button v-on:click.prevent="setLocale('en')">英語</button>

"../i18n" から i18n をインポートします。
const setLocale = (lang) => {
  i18n.global.locale = lang;
};

Answer 1

他にも問題がある可能性がありますが、コードに少なくとも 1 つのバグがあります。 i18n.global.locale は参照 であり、次のように使用する必要があります:

リーリー

事後対応で行うことはできません。