Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

anastasiazavizion's avatar

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

0 likes
0 replies

Please or to participate in this conversation.