Prevent removal of nested slots within islands (#7093)

* Prevent removal of nested slots within islands

* Fix build errors

1 files changed, 8 insertions, 2 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,
 };