diff options
Diffstat (limited to 'packages/integrations/svelte')
| -rw-r--r-- | packages/integrations/svelte/server.js | 11 |
1 files changed, 9 insertions, 2 deletions
diff --git a/packages/integrations/svelte/server.js b/packages/integrations/svelte/server.js index 98ece3314..9878d3b59 100644 --- a/packages/integrations/svelte/server.js +++ b/packages/integrations/svelte/server.js @@ -2,11 +2,17 @@ function check(Component) { return Component['render'] && Component['$$render']; } -async function renderToStaticMarkup(Component, props, slotted) { +function needsHydration(metadata) { + // Adjust how this is hydrated only when the version of Astro supports `astroStaticSlot` + return metadata.astroStaticSlot ? !!metadata.hydrate : true; +} + +async function renderToStaticMarkup(Component, props, slotted, metadata) { + const tagName = needsHydration(metadata) ? 'astro-slot' : 'astro-static-slot'; const slots = {}; for (const [key, value] of Object.entries(slotted)) { slots[key] = () => - `<astro-slot${key === 'default' ? '' : ` name="${key}"`}>${value}</astro-slot>`; + `<${tagName}${key === 'default' ? '' : ` name="${key}"`}>${value}</${tagName}>`; } const { html } = Component.render(props, { $$slots: slots }); return { html }; @@ -15,4 +21,5 @@ async function renderToStaticMarkup(Component, props, slotted) { export default { check, renderToStaticMarkup, + supportsAstroStaticSlot: true, }; |