fix: prevent Teleport attrs fallthrough by ensuring its nodes are always an array

Author: edison1105

packages/runtime-vapor/__tests__/componentAttrs.spec.ts

@@ -330,7 +330,7 @@ describe('attribute fallthrough', () => {
     expect(`Extraneous non-emits event listeners`).toHaveBeenWarned()
   })
 
-  it.todo('should warn when fallthrough fails on teleport root node', () => {
+  it('should warn when fallthrough fails on teleport root node', () => {
     const Parent = {
       render() {
         return createComponent(Child, { class: () => 'parent' })
@@ -340,7 +340,6 @@ describe('attribute fallthrough', () => {
     const root = document.createElement('div')
     const Child = defineVaporComponent({
       render() {
-        // return h(Teleport, { to: root }, h('div'))
         return createComponent(
           VaporTeleport,
           { to: () => root },
@@ -352,7 +351,6 @@ describe('attribute fallthrough', () => {
     })
 
     document.body.appendChild(root)
-    // render(h(Parent), root)
     define(Parent).render()
 
     expect(`Extraneous non-props attributes (class)`).toHaveBeenWarned()

packages/runtime-vapor/src/components/Teleport.ts

@@ -130,14 +130,16 @@ export class TeleportFragment extends VaporFragment {
   private handleChildrenUpdate(children: Block): void {
     // not mounted yet
     if (!this.parent || isHydrating) {
-      this.nodes = children
+      // Teleport nodes are always an array, preventing attrs fallthrough
+      // consistent with VDOM Teleport behavior.
+      this.nodes = [children]
       return
     }
 
     // teardown previous nodes
     remove(this.nodes, this.mountContainer!)
     // mount new nodes
-    insert((this.nodes = children), this.mountContainer!, this.mountAnchor!)
+    insert((this.nodes = [children]), this.mountContainer!, this.mountAnchor!)
   }
 
   private handlePropsUpdate(): void {