Add vueperslides to noExternal in vue integration (#4639)

2 files changed, 9 insertions, 2 deletions

diff --git a/.changeset/little-boats-happen.md b/.changeset/little-boats-happen.md
new file mode 100644
index 000000000..ba970324b
--- /dev/null
+++ b/.changeset/little-boats-happen.md
@@ -0,0 +1,5 @@
+---
+'@astrojs/vue': patch
+---
+
+Mark vueperslides as a default noExternal
diff --git a/packages/integrations/vue/src/index.ts b/packages/integrations/vue/src/index.ts
index af7f1d175..721f3e0e5 100644
--- a/packages/integrations/vue/src/index.ts
+++ b/packages/integrations/vue/src/index.ts
@@ -1,6 +1,7 @@
 import type { Options } from '@vitejs/plugin-vue';
-import vue from '@vitejs/plugin-vue';
 import type { AstroIntegration, AstroRenderer } from 'astro';
+import type { UserConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
 
 function getRenderer(): AstroRenderer {
 	return {
@@ -10,7 +11,7 @@ function getRenderer(): AstroRenderer {
 	};
 }
 
-function getViteConfiguration(options?: Options) {
+function getViteConfiguration(options?: Options): UserConfig {
 	return {
 		optimizeDeps: {
 			include: ['@astrojs/vue/client.js', 'vue'],
@@ -19,6 +20,7 @@ function getViteConfiguration(options?: Options) {
 		plugins: [vue(options)],
 		ssr: {
 			external: ['@vue/server-renderer'],
+			noExternal: ['vueperslides']
 		},
 	};
 }