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 is a ref 应用作：

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

反之则不能反应。