Lazy Loading & Code Splitting

What technique should be used for handling translations in a lazy-loaded application?
const loadTranslations = async (locale) => {
  const translations = await import(
    /* webpackChunkName: "translations-[request]" */
    `./translations/${locale}.json`
  );
  return translations.default;
};

const setLanguage = async (locale) => {
  const translations = await loadTranslations(locale);
  i18n.addResourceBundle(locale, 'translation', translations);
  i18n.changeLanguage(locale);
};
Next Question (20/20)