Support custom vue compiler options in @astrojs/vue (#3143)

* adds support for passing options to @vitejs/plugin-vue

* updating vue integration README with options details

* adding a tests for custom vue compiler options

* chore: adding changeset

1 files changed, 5 insertions, 4 deletions

diff --git a/packages/integrations/vue/src/index.ts b/packages/integrations/vue/src/index.ts
index 20adf0f66..b56763504 100644
--- a/packages/integrations/vue/src/index.ts
+++ b/packages/integrations/vue/src/index.ts
@@ -1,5 +1,6 @@
 import type { AstroIntegration, AstroRenderer } from 'astro';
 import vue from '@vitejs/plugin-vue';
+import type { Options } from '@vitejs/plugin-vue';
 
 function getRenderer(): AstroRenderer {
 	return {
@@ -9,26 +10,26 @@ function getRenderer(): AstroRenderer {
 	};
 }
 
-function getViteConfiguration() {
+function getViteConfiguration(options?: Options) {
 	return {
 		optimizeDeps: {
 			include: ['@astrojs/vue/client.js', 'vue'],
 			exclude: ['@astrojs/vue/server.js'],
 		},
-		plugins: [vue()],
+		plugins: [vue(options)],
 		ssr: {
 			external: ['@vue/server-renderer'],
 		},
 	};
 }
 
-export default function (): AstroIntegration {
+export default function (options?: Options): AstroIntegration {
 	return {
 		name: '@astrojs/vue',
 		hooks: {
 			'astro:config:setup': ({ addRenderer, updateConfig }) => {
 				addRenderer(getRenderer());
-				updateConfig({ vite: getViteConfiguration() });
+				updateConfig({ vite: getViteConfiguration(options) });
 			},
 		},
 	};