chore: update

packages/runtime-vapor/src/insertionState.ts

@@ -1,4 +1,4 @@
-import { isHydrating } from './dom/hydration'
+import { isComment, isHydrating } from './dom/hydration'
 export type ChildItem = ChildNode & {
   $idx: number
   // used count as an anchor
@@ -50,6 +50,18 @@ function initializeHydrationState(parent: ParentNode) {
   if (!hydrationStateCache.has(parent)) {
     const childNodes = parent.childNodes
     const len = childNodes.length
+
+    // fast path for single child case. No need to build logicalChildren
+    if (
+      len === 1 ||
+      (len === 3 &&
+        isComment(childNodes[0], '[') &&
+        isComment(childNodes[2], ']'))
+    ) {
+      insertionAnchor = undefined
+      return
+    }
+
     const logicalChildren = new Array(len) as ChildItem[]
     // Build logical children:
     // - static node: keep the node as a child
@@ -57,11 +69,11 @@ function initializeHydrationState(parent: ParentNode) {
     let index = 0
     for (let i = 0; i < len; i++) {
       const n = childNodes[i] as ChildItem
+      n.$idx = index
       if (n.nodeType === 8) {
         const data = (n as any as Comment).data
         // vdom fragment
         if (data === '[') {
-          n.$idx = index
           logicalChildren[index++] = n
           // find matching end anchor, accounting for nested fragments
           let depth = 1
@@ -82,7 +94,6 @@ function initializeHydrationState(parent: ParentNode) {
           continue
         }
       }
-      n.$idx = index
       logicalChildren[index++] = n
     }
     logicalChildren.length = index