fix: improve handling of VaporTransition components and enhance fallthrough props logic

Author: edison1105

packages/runtime-vapor/src/component.ts

@@ -202,8 +202,7 @@ export function createComponent(
   if (
     (isSingleRoot ||
       // transition has attrs fallthrough
-      (parentInstance &&
-        getComponentName(parentInstance!.type) === 'VaporTransition')) &&
+      (parentInstance && isVaporTransition(parentInstance!.type))) &&
     component.inheritAttrs !== false &&
     isVaporComponent(parentInstance) &&
     parentInstance.hasFallthrough
@@ -412,7 +411,7 @@ export function setupComponent(
     if (root) {
       renderEffect(() => {
         const attrs =
-          isFunction(component) && component.displayName !== 'VaporTransition'
+          isFunction(component) && !isVaporTransition(component)
             ? getFunctionalFallthrough(instance.attrs)
             : instance.attrs
         if (attrs) applyFallthroughProps(root, attrs)
@@ -915,3 +914,7 @@ export function getRootElement(
     return hasComment ? singleRoot : undefined
   }
 }
+
+function isVaporTransition(component: VaporComponent): boolean {
+  return getComponentName(component) === 'VaporTransition'
+}

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

@@ -44,7 +44,7 @@ const decorate = (t: typeof VaporTransition) => {
 }
 
 export const VaporTransition: FunctionalVaporComponent = /*@__PURE__*/ decorate(
-  (props, { slots, attrs }) => {
+  (props, { slots }) => {
     // wrapped <transition appear>
     let resetDisplay: Function | undefined
     if (

packages/runtime-vapor/src/fragment.ts

@@ -190,6 +190,7 @@ export class DynamicFragment extends VaporFragment {
       }
 
       // switch current instance to parent instance during update
+      // ensure that the parent instance is correct for nested components
       let prev
       if (this.parentComponent && parent)
         prev = setCurrentInstance(this.parentComponent)
@@ -207,7 +208,7 @@ export class DynamicFragment extends VaporFragment {
       }
 
       if (parent) {
-        // fallthrough attrs
+        // apply fallthrough props during update
         if (this.attrs) {
           if (this.nodes instanceof Element) {
             renderEffect(() =>