2024-02-27 06:15:27 -05:00
|
|
|
import { createSSRApp, h } from 'vue';
|
2022-03-18 17:35:45 -05:00
|
|
|
import { renderToString } from 'vue/server-renderer';
|
|
|
|
import StaticHtml from './static-html.js';
|
2024-02-27 06:15:27 -05:00
|
|
|
import { setup } from 'virtual:@astrojs/vue/app';
|
2022-03-18 17:35:45 -05:00
|
|
|
|
|
|
|
function check(Component) {
|
2022-09-09 18:09:59 -05:00
|
|
|
return !!Component['ssrRender'] || !!Component['__ssrInlineRender'];
|
2022-03-18 17:35:45 -05:00
|
|
|
}
|
|
|
|
|
2023-10-27 07:11:46 -05:00
|
|
|
async function renderToStaticMarkup(Component, inputProps, slotted, metadata) {
|
2022-03-18 17:35:45 -05:00
|
|
|
const slots = {};
|
2023-10-27 07:11:46 -05:00
|
|
|
const props = { ...inputProps };
|
|
|
|
delete props.slot;
|
2022-06-23 10:10:54 -05:00
|
|
|
for (const [key, value] of Object.entries(slotted)) {
|
2023-05-17 09:20:24 -05: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 17:35:45 -05:00
|
|
|
}
|
|
|
|
const app = createSSRApp({ render: () => h(Component, props, slots) });
|
2022-10-13 14:15:57 -05:00
|
|
|
await setup(app);
|
2022-03-18 17:35:45 -05:00
|
|
|
const html = await renderToString(app);
|
|
|
|
return { html };
|
|
|
|
}
|
|
|
|
|
|
|
|
export default {
|
|
|
|
check,
|
|
|
|
renderToStaticMarkup,
|
2023-05-17 09:18:04 -05:00
|
|
|
supportsAstroStaticSlot: true,
|
2022-03-18 17:35:45 -05:00
|
|
|
};
|