Function mount

frontend/src/hooks/useMountComponent.ts:8–29

(component: Component)

export function useMountComponent(data: Record<string, any> = {}) {
  let isOpen = false;
  const mount = <T>(component: Component) => {
    if (isOpen) return;
    isOpen = true;
    return new Promise<T>((resolve) => {
      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();
          isOpen = false;
        },
        emitResult(data: T) {
          isOpen = false;
          resolve(data);
        }
      });
      app.mount(div);
    });
  };

  const load = <T extends Component>(component: Component): T => {
    const { component: mountedComponent } = loadApp<T>(component);