diff options
Diffstat (limited to 'packages/integrations/vue')
| -rw-r--r-- | packages/integrations/vue/server.js | 10 | ||||
| -rw-r--r-- | packages/integrations/vue/static-html.js | 6 |
2 files changed, 12 insertions, 4 deletions
diff --git a/packages/integrations/vue/server.js b/packages/integrations/vue/server.js index 0b148d234..6f7cdce68 100644 --- a/packages/integrations/vue/server.js +++ b/packages/integrations/vue/server.js @@ -7,10 +7,15 @@ function check(Component) { return !!Component['ssrRender'] || !!Component['__ssrInlineRender']; } -async function renderToStaticMarkup(Component, props, slotted) { +async function renderToStaticMarkup(Component, props, slotted, metadata) { const slots = {}; for (const [key, value] of Object.entries(slotted)) { - slots[key] = () => h(StaticHtml, { value, name: key === 'default' ? undefined : key }); + 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, + }); } const app = createSSRApp({ render: () => h(Component, props, slots) }); await setup(app); @@ -21,4 +26,5 @@ async function renderToStaticMarkup(Component, props, slotted) { export default { check, renderToStaticMarkup, + supportsAstroStaticSlot: true, }; diff --git a/packages/integrations/vue/static-html.js b/packages/integrations/vue/static-html.js index a7f09eace..34740f88f 100644 --- a/packages/integrations/vue/static-html.js +++ b/packages/integrations/vue/static-html.js @@ -10,10 +10,12 @@ const StaticHtml = defineComponent({ props: { value: String, name: String, + hydrate: Boolean, }, - setup({ name, value }) { + setup({ name, value, hydrate }) { if (!value) return () => null; - return () => h('astro-slot', { name, innerHTML: value }); + let tagName = hydrate ? 'astro-slot' : 'astro-static-slot'; + return () => h(tagName, { name, innerHTML: value }); }, }); |