2022-03-18 22:35:45 +00:00
|
|
|
import { h, createSSRApp } from 'vue';
|
|
|
|
import { renderToString } from 'vue/server-renderer';
|
2022-10-13 19:17:42 +00:00
|
|
|
import { setup } from 'virtual:@astrojs/vue/app';
|
2022-03-18 22:35:45 +00:00
|
|
|
import StaticHtml from './static-html.js';
|
|
|
|
|
|
|
|
function check(Component) {
|
2022-09-09 23:09:59 +00:00
|
|
|
return !!Component['ssrRender'] || !!Component['__ssrInlineRender'];
|
2022-03-18 22:35:45 +00:00
|
|
|
}
|
|
|
|
|
2023-05-17 14:18:04 +00:00
|
|
|
async function renderToStaticMarkup(Component, props, slotted, metadata) {
|
2022-03-18 22:35:45 +00:00
|
|
|
const slots = {};
|
2022-06-23 15:10:54 +00:00
|
|
|
for (const [key, value] of Object.entries(slotted)) {
|
2023-05-17 14:20:24 +00:00
|
|
|
slots[key] = () =>
|
|
|
|
h(StaticHtml, {
|
|
|
|
value,
|
|
|
|
name: key === 'default' ? undefined : key,
|
|
|
|
// Adjust how this is hydrated only when the version of Astro supports `astroStaticSlot`
|
|
|
|
hydrate: metadata.astroStaticSlot ? !!metadata.hydrate : true,
|
|
|
|
});
|
2022-03-18 22:35:45 +00:00
|
|
|
}
|
|
|
|
const app = createSSRApp({ render: () => h(Component, props, slots) });
|
2022-10-13 19:15:57 +00:00
|
|
|
await setup(app);
|
2022-03-18 22:35:45 +00:00
|
|
|
const html = await renderToString(app);
|
|
|
|
return { html };
|
|
|
|
}
|
|
|
|
|
|
|
|
export default {
|
|
|
|
check,
|
|
|
|
renderToStaticMarkup,
|
2023-05-17 14:18:04 +00:00
|
|
|
supportsAstroStaticSlot: true,
|
2022-03-18 22:35:45 +00:00
|
|
|
};
|