Astro Integration System (#2820)

* update examples

* add initial integrations

* update tests

* update astro

* update ci

* get final tests working

* update injectelement todo

* update ben code review

* respond to final code review feedback

1 files changed, 35 insertions, 0 deletions

diff --git a/packages/integrations/vue/src/index.ts b/packages/integrations/vue/src/index.ts
new file mode 100644
index 000000000..20adf0f66
--- /dev/null
+++ b/packages/integrations/vue/src/index.ts
@@ -0,0 +1,35 @@
+import type { AstroIntegration, AstroRenderer } from 'astro';
+import vue from '@vitejs/plugin-vue';
+
+function getRenderer(): AstroRenderer {
+	return {
+		name: '@astrojs/vue',
+		clientEntrypoint: '@astrojs/vue/client.js',
+		serverEntrypoint: '@astrojs/vue/server.js',
+	};
+}
+
+function getViteConfiguration() {
+	return {
+		optimizeDeps: {
+			include: ['@astrojs/vue/client.js', 'vue'],
+			exclude: ['@astrojs/vue/server.js'],
+		},
+		plugins: [vue()],
+		ssr: {
+			external: ['@vue/server-renderer'],
+		},
+	};
+}
+
+export default function (): AstroIntegration {
+	return {
+		name: '@astrojs/vue',
+		hooks: {
+			'astro:config:setup': ({ addRenderer, updateConfig }) => {
+				addRenderer(getRenderer());
+				updateConfig({ vite: getViteConfiguration() });
+			},
+		},
+	};
+}