JS - Как динамически импортировать модуль, ждать его и затем экспортировать модуль?

Question

Я пытаюсь динамически импортировать модуль.Но я не могу понять, как правильно экспортировать.

const calendarLocale = async () => await import(`./lang/calendar/${lang}`);

const messages = {
    [lang]: {
      ...calendarLocale()
    }
}

export default new VueI18n({
   locale: lang, // set locale
   messages, // set locale messages
});

Поскольку он асинхронный, значение в сообщениях всегда пусто.

Answer 1

Это невозможно - для этого потребуется верхнего уровня await, который в настоящее время является только предложением.

Все, что вы можете сделать, это экспортировать обещание:

export default import(`./lang/calendar/${lang}`).then(calendarLocale => new VueI18n({
   locale: lang, // set locale
   messages: {
     [lang]: calendarLocale
   }, // set locale messages
}));