diff --git a/packages/gogocode-element-playground/packages/vue3/src/utils/gogocodeTransfer.js b/packages/gogocode-element-playground/packages/vue3/src/utils/gogocodeTransfer.js
index fdd17ab7..604d7664 100644
--- a/packages/gogocode-element-playground/packages/vue3/src/utils/gogocodeTransfer.js
+++ b/packages/gogocode-element-playground/packages/vue3/src/utils/gogocodeTransfer.js
@@ -7,6 +7,8 @@ export function $children(instance) {
       for (let i = 0; i < vnodes.length; i++) {
         $walk(vnodes[i], children)
       }
+    } else if (vnode.component && vnode.component.subTree) {
+      $walk(vnode.component.subTree, children)
     }
   }
   const root = instance.$.subTree
@@ -29,7 +31,7 @@ export function $on(instance, event, fn) {
     event.forEach((e) => $on(instance, e, fn))
   } else {
     const events = getRegistry(instance)
-    ;(events[event] || (events[event] = [])).push(fn)
+      ; (events[event] || (events[event] = [])).push(fn)
   }
   return instance.proxy
 }
diff --git a/packages/gogocode-vue-playground/packages/vue3/src/utils/gogocodeTransfer.js b/packages/gogocode-vue-playground/packages/vue3/src/utils/gogocodeTransfer.js
index fdd17ab7..604d7664 100644
--- a/packages/gogocode-vue-playground/packages/vue3/src/utils/gogocodeTransfer.js
+++ b/packages/gogocode-vue-playground/packages/vue3/src/utils/gogocodeTransfer.js
@@ -7,6 +7,8 @@ export function $children(instance) {
       for (let i = 0; i < vnodes.length; i++) {
         $walk(vnodes[i], children)
       }
+    } else if (vnode.component && vnode.component.subTree) {
+      $walk(vnode.component.subTree, children)
     }
   }
   const root = instance.$.subTree
@@ -29,7 +31,7 @@ export function $on(instance, event, fn) {
     event.forEach((e) => $on(instance, e, fn))
   } else {
     const events = getRegistry(instance)
-    ;(events[event] || (events[event] = [])).push(fn)
+      ; (events[event] || (events[event] = [])).push(fn)
   }
   return instance.proxy
 }