fix(vue3): highlighter for component with root component

Akryum · Akryum · commit ce01a2c61abd · 2022-05-06T12:37:10.000+02:00
diff --git a/packages/app-backend-vue3/src/components/el.ts b/packages/app-backend-vue3/src/components/el.ts
@@ -50,6 +50,8 @@ export function getInstanceOrVnodeRect (instance) {
     return addIframePosition(getFragmentRect(instance.subTree), getElWindow(el))
   } else if (el.nodeType === 1) {
     return addIframePosition(el.getBoundingClientRect(), getElWindow(el))
+  } else if (instance.subTree.component) {
+    return getInstanceOrVnodeRect(instance.subTree.component)
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -50,6 +50,8 @@ export function getInstanceOrVnodeRect (instance) {`
`50`	`50`	`return addIframePosition(getFragmentRect(instance.subTree), getElWindow(el))`
`51`	`51`	`} else if (el.nodeType === 1) {`
`52`	`52`	`return addIframePosition(el.getBoundingClientRect(), getElWindow(el))`
	`53`	`+ } else if (instance.subTree.component) {`
	`54`	`+ return getInstanceOrVnodeRect(instance.subTree.component)`
`53`	`55`	`}`
`54`	`56`	`}`
`55`	`57`