import { renderToString } from "vue/server-renderer";
import { createSSRApp, h } from "vue";
import type { TheSectionFragment } from "#graphql-operations";

export default defineEventHandler(async (event) => {
  const { fieldGroupName, ...attrs } = await readBody<TheSectionFragment>(event);
  try {
    const app = createSSRApp({
      render() {
        return h(sectionsMap[fieldGroupName as FieldGroupName], attrs);
      },
    });
    const html = await renderToString(app);
    return html;
  }
  catch (error) {
    const message = error instanceof Error ? error.message : "Une erreur est survenue.";
    return `<div style="color: red">${message}</div>`;
  }
});