Function vueHarness

src/artifacts/preview.ts:146–162

(src: string)

}

function vueHarness(src: string): string {
  // Use vue3-sfc-loader to render a .vue single-file component straight from source text.
  const head = `<script src="${CDN.vue}"></script><script src="${CDN.vueSfc}"></script>`;
  const body =
    `<div id="__art_root"></div>` +
    `<script>\n` +
    `const sfcSource = ${JSON.stringify(src)};\n` +
    `const options = {\n` +
    `  moduleCache: { vue: Vue },\n` +
    `  getFile: () => sfcSource,\n` +
    `  addStyle: (t) => { const s = document.createElement('style'); s.textContent = t; document.head.appendChild(s); },\n` +
    `};\n` +
    `const { loadModule } = window['vue3-sfc-loader'];\n` +
    `Vue.createApp(Vue.defineAsyncComponent(() => loadModule('artifact.vue', options))).mount('#__art_root');\n` +
    `</script>`;
  return htmlShell(body, head);
}

function markdownHarness(src: string): string {
  const head = `<script src="${CDN.marked}"></script>`;