From eebb69121eb24a004b84c71326caddf1ad874b69 Mon Sep 17 00:00:00 2001
From: Sander <info@mesander.com>
Date: Wed, 3 Jan 2024 20:48:41 +0100
Subject: [PATCH] fix(ct): vue update slots (#28835)

Due to [Vue 3.4](https://blog.vuejs.org/posts/vue-3-4): _"refactored
reactivity system that makes effect triggering more accurate and
efficient"_

closes: https://github.com/microsoft/playwright/issues/28830
---
 packages/playwright-ct-vue/registerSource.mjs | 3 +++
 tests/components/ct-vue-vite/package.json     | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/playwright-ct-vue/registerSource.mjs b/packages/playwright-ct-vue/registerSource.mjs
index 8ee030daf7..5935322ad0 100644
--- a/packages/playwright-ct-vue/registerSource.mjs
+++ b/packages/playwright-ct-vue/registerSource.mjs
@@ -288,6 +288,9 @@ window.playwrightUpdate = async (rootElement, component) => {
   wrapper.component.slots = __pwWrapFunctions(slots);
   __pwAllListeners.set(wrapper, listeners);
 
+  if (typeof slots !== 'undefined')
+    wrapper.component.effect.run();
+
   for (const [key, value] of Object.entries(props))
     wrapper.component.props[key] = value;
 
diff --git a/tests/components/ct-vue-vite/package.json b/tests/components/ct-vue-vite/package.json
index c7491d0184..f83484eee6 100644
--- a/tests/components/ct-vue-vite/package.json
+++ b/tests/components/ct-vue-vite/package.json
@@ -8,7 +8,7 @@
     "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "vue": "^3.2.31",
+    "vue": "^3.4.0",
     "vue-router": "^4.1.5"
   },
   "devDependencies": {