fix(compiler-vapor): properly locate last if node

vuejs/core#13399

Author: zhiyuanzmj

packages/compiler/src/transforms/vIf.ts

@@ -63,7 +63,13 @@ export function processIf(
     if (siblings) {
       let i = siblings.length
       while (i--) {
-        if (siblings[i].operation) lastIfNode = siblings[i].operation
+        if (
+          siblings[i].operation &&
+          siblings[i].operation!.type === IRNodeTypes.IF
+        ) {
+          lastIfNode = siblings[i].operation
+          break
+        }
       }
     }
 

packages/compiler/test/transforms/__snapshots__/vIf.spec.ts.snap

@@ -98,3 +98,23 @@ exports[`compiler: v-if > v-if + v-else-if 1`] = `
   return n0
 "
 `;
+
+exports[`compiler: v-if > v-if + v-if / v-else[-if] 1`] = `
+"
+  const n8 = t3()
+  _setInsertionState(n8)
+  const n0 = _createIf(() => ("foo"), () => {
+    const n2 = t0()
+    return n2
+  }, null, true)
+  _setInsertionState(n8)
+  const n3 = _createIf(() => ("bar"), () => {
+    const n5 = t1()
+    return n5
+  }, () => {
+    const n7 = t2()
+    return n7
+  }, true)
+  return n8
+"
+`;

packages/compiler/test/transforms/vIf.spec.ts

@@ -213,6 +213,17 @@ describe('compiler: v-if', () => {
     })
   })
 
+  test('v-if + v-if / v-else[-if]', () => {
+    const { code } = compileWithVIf(
+      `<div>
+        <span v-if="foo">foo</span>
+        <span v-if="bar">bar</span>
+        <span v-else>baz</span>
+      </div>`,
+    )
+    expect(code).toMatchSnapshot()
+  })
+
   test('comment between branches', () => {
     const { code, ir } = compileWithVIf(
       `