Javascript- pobranie lokalizacji asynchronicznie, przez wyrenderowaniem widolku (Vue/Nuxt + Axios + i18n)

Question

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ć?

Answer 1

Może to być błędny import, tzn. import wielokrotny / cykliczny (circular reference).

Answer 2

Próbowałeś dynamicznego importu lub przez Promise (bardziej na około)?