Chciałbym załadować i18n asynchronicznie, przed wyrenderowaniem widoków.
Stworzyłem plugin, który importuje i18n, axiosa, oraz vue, a następnie próbuję to zrobić w taki sposób
~/plugins/i18n.js
import Vue from "vue";
import VueI18n from "vue-i18n";
import axios from 'axios';
Vue.use(VueI18n);
export default async ({ app, store }) => {
app.i18n = new VueI18n({
locale: 'fr',
fallbackLocale: 'en',
messages: {
en: await axios.get('https://mojeapi/en/locale'),
fr: await axios.get('https://mojeapi/fr/locale')
}
});
}
Niestety, otrzymuję błąd "Maximum call stack size exceeded". Macie jakieś pomysły, jak mógłbym tego dokonać?