Function loadApp

frontend/src/hooks/useMountComponent.ts:36–59

(
    component: Component
  )

  };

  const loadApp = <T extends Component>(
    component: Component
  ): { component: T; app: App; div: HTMLDivElement; destroyFc: () => void } => {
    const div = document.createElement("div");
    document.body.appendChild(div);
    const app = createApp(component, {
      ...data,
      async destroyComponent(delay = 1000) {
        await sleep(delay);
        app.unmount();
        div.remove();
      }
    });
    const mountedComponent = app.mount(div);
    return {
      component: mountedComponent as any,
      app: app,
      div,
      destroyFc: () => {
        app.unmount();
        div.remove();
      }
    };
  };

  return {
    mount,