Penyetempatan i18n untuk API komposisi Vue 3 tidak dikemas kini

Question

Saya cuba menukar tempat untuk Vue-i18n dengan mengklik butang. Tetapi apabila saya mengklik butang, tiada apa yang berlaku. Tiada ralat pun. bagaimana untuk menyelesaikan masalah ini?

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

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

Answer 1

Mungkin terdapat masalah lain, tetapi terdapat sekurang-kurangnya pepijat dalam kod. i18n.global.locale ialah rujukan dan harus digunakan seperti berikut:

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

Ia tidak boleh dilakukan secara reaktif.