on-page-loaded.js

let currentView = null;

const pageLoaded = () => {
    // "Routing"
    const currentPage = document.querySelector("#content").firstElementChild;

    switch (currentPage.id) {
      case "home-page":
        import(/* webpackChunkName: "homepage" */ "pages/homepage/homepage")
          .then(currentViewImported)
          .catch(error =>
            console.log(
              "An error occurred while loading the Hhmepage component",
              error
            )
          );
        break;
      case "privacy-policy-page":
        import(/* webpackChunkName: "privacy" */ "pages/privacy/privacy")
          .then(currentViewImported)
          .catch(error =>
            console.log(
              "An error occurred while loading privacy component",
              error
            )
          );
        break;
      ...
    }
}


const currentViewImported = async ({ default: CurrentModule }) => {
    if (currentView) currentView.dispose();
    currentView = new CurrentModule();

    await currentView.init();
    currentView.show();
};