La localisation i18n pour l'API de composition Vue 3 n'est pas mise à jour

Question

J'essaie de changer les paramètres régionaux de Vue-i18n en cliquant sur un bouton. Mais lorsque je clique sur le bouton, rien ne se passe. Il n'y a pas non plus d'erreurs. Comment résoudre ce problème?

Ind
Eng

importer i18n depuis "../i18n" ;
const setLocale = (lang) =>
  i18n.global.locale = lang;
};

            

Answer 1

Il peut y avoir d'autres problèmes, mais il y a au moins un bug dans le code. i18n.global.locale est une réf et doit être utilisé comme suit :

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

Cela ne peut pas se faire de manière réactive.