Vue 3 i18n 语言环境未更新（组合 API）

Question

我正在尝试通过单击按钮来更改 Vue-i18n 区域设置。但当我点击按钮时什么也没发生。也完全没有错误。如何解决这个问题？

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

import i18n from "../i18n";
const setLocale = (lang) => {
  i18n.global.locale = lang;
};

Answer 1

可能还有其他问题，但代码中至少有一个错误。i18n.global.locale是一个参考，应该用作：

const setLocale = (lang) => {
  i18n.global.locale.value = lang;
};

它不能以其他方式做出反应。