diff --git a/.changeset/wicked-sloths-cry.md b/.changeset/wicked-sloths-cry.md
new file mode 100644
index 000000000000..e701bb6b860d
--- /dev/null
+++ b/.changeset/wicked-sloths-cry.md
@@ -0,0 +1,5 @@
+---
+"@astrojs/vue": patch
+---
+
+Fixes an Reference Error that occurred during client transitions
diff --git a/packages/integrations/vue/client.js b/packages/integrations/vue/client.js
index b3935752c08c..4ec2b9e6843b 100644
--- a/packages/integrations/vue/client.js
+++ b/packages/integrations/vue/client.js
@@ -44,12 +44,12 @@ export default (element) =>
 			await setup(app);
 			app.mount(element, isHydrate);
 			appMap.set(element, appInstance);
+			element.addEventListener('astro:unmount', () => app.unmount(), { once: true });
 		} else {
 			appInstance.props = props;
 			appInstance.slots = slots;
 			appInstance.component.$forceUpdate();
 		}
-		element.addEventListener('astro:unmount', () => app.unmount(), { once: true });
 	};
 
 function isAsync(fn) {