Convert Vue Components to Image

// server/api/og.get.ts  (Nuxt 3)
import { createSSRApp } from "vue";
import { renderToString } from "@vue/server-renderer";
import OgCard from "~/components/OgCard.vue";

export default defineEventHandler(async (event) => {
  const { title, domain } = getQuery(event);

  const app  = createSSRApp(OgCard, { title, domain });
  const html = await renderToString(app);

  const res = await $fetch("https://renderpix.dev/v1/render", {
    method:       "POST",
    headers:      { "X-API-Key": process.env.RENDERPIX_API_KEY },
    body:         { html, width: 1200, height: 630, format: "png" },
    responseType: "arrayBuffer",
  });

  setHeader(event, "Content-Type", "image/png");
  return send(event, Buffer.from(res));
});