From: Thorsten Luenborg <t.luenborg@googlemail.com>
Date: Thu, 19 Jan 2023 20:00:53 +0000 (+0100)
Subject: fix(devtools): allow devtools to identify parent components of hydrated elements.
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fheads%2Flinusborg%2Fdevtools-ssr-parentcomp;p=thirdparty%2Fvuejs%2Fcore.git

fix(devtools): allow devtools to identify parent components of hydrated elements.
---

diff --git a/packages/runtime-core/src/hydration.ts b/packages/runtime-core/src/hydration.ts
index 2170a9192c..2d63fbb1f5 100644
--- a/packages/runtime-core/src/hydration.ts
+++ b/packages/runtime-core/src/hydration.ts
@@ -354,6 +354,16 @@ export function createHydrationFunctions(
           )
         }
       }
+      if (__DEV__ || __FEATURE_PROD_DEVTOOLS__) {
+        Object.defineProperty(el, '__vnode', {
+          value: vnode,
+          enumerable: false
+        })
+        Object.defineProperty(el, '__vueParentComponent', {
+          value: parentComponent,
+          enumerable: false
+        })
+      }
       // vnode / directive hooks
       let vnodeHooks: VNodeHook | null | undefined
       if ((vnodeHooks = props && props.onVnodeBeforeMount)) {