1 files changed, 42 insertions, 0 deletions
diff --git a/packages/integrations/vue/server.js b/packages/integrations/vue/server.js
new file mode 100644
index 000000000..315909087
--- /dev/null
+++ b/packages/integrations/vue/server.js
@@ -0,0 +1,42 @@
+import { setup } from 'virtual:@astrojs/vue/app';
+import { createSSRApp, h } from 'vue';
+import { renderToString } from 'vue/server-renderer';
+import { incrementId } from './context.js';
+import StaticHtml from './static-html.js';
+
+function check(Component) {
+	return !!Component['ssrRender'] || !!Component['__ssrInlineRender'];
+}
+
+async function renderToStaticMarkup(Component, inputProps, slotted, metadata) {
+	let prefix;
+	if (this && this.result) {
+		prefix = incrementId(this.result);
+	}
+	const attrs = { prefix };
+
+	const slots = {};
+	const props = { ...inputProps };
+	delete props.slot;
+	for (const [key, value] of Object.entries(slotted)) {
+		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) });
+	app.config.idPrefix = prefix;
+	await setup(app);
+	const html = await renderToString(app);
+	return { html, attrs };
+}
+
+export default {
+	name: '@astrojs/vue',
+	check,
+	renderToStaticMarkup,
+	supportsAstroStaticSlot: true,
+};