Oct 7, 2024
0
Level 1
Vue translate validations errors after change locale
I have Vue application, use i18n for translations It works with keys. Errors I return using simple Request class.
I change my local like this:
const {locale, t} = useI18n();
const currentValue = ref(locale.value);
const router = useRouter();
const changeLocale = (newLocale) => {
locale.value = newLocale;
currentValue.value = newLocale;
document.documentElement.lang = newLocale;
axios.post(route('locale.store', {locale: newLocale}))
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
};
and backend:
public function store(string $locale): JsonResponse
{
session()->put('test','bbb');
App::setLocale($locale);
session()->put('locale', $locale);
return response()->json($locale);
}
Problem is that i don't know how translate errors without reloading page. Now i have like:
const errors = computed(()=>{
return store.getters['auth/errors'];
})
<Errors v-if="errors" :errors="errors.name"/>
But errors are not keys, they are just text... So how can i handle it? Thanks
Please or to participate in this conversation.