fix: v-else branch virtual code missing

close #1694
vuejs · Aug 10, 2022 · b7db773 · b7db773
1 parent 607fe6c
commit b7db773
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 6 deletions.
diff --git a/packages/vue-language-core/src/generators/template.ts b/packages/vue-language-core/src/generators/template.ts
@@ -350,14 +350,14 @@ export function generate(
 						blockConditions.push(branch.condition.content);
 						addedBlockCondition = true;
 					}
+				}
 
-					tsCodeGen.addText(` {\n`);
-					writeInterpolationVarsExtraCompletion();
-					for (const childNode of branch.children) {
-						visitNode(childNode, parentEl);
-					}
-					tsCodeGen.addText('}\n');
+				tsCodeGen.addText(` {\n`);
+				writeInterpolationVarsExtraCompletion();
+				for (const childNode of branch.children) {
+					visitNode(childNode, parentEl);
 				}
+				tsCodeGen.addText('}\n');
 
 				if (addedBlockCondition) {
 					blockConditions[blockConditions.length - 1] = `!(${blockConditions[blockConditions.length - 1]})`;

diff --git a/packages/vue-test-workspace/vue-tsc/v-if/main.vue b/packages/vue-test-workspace/vue-tsc/v-if/main.vue
@@ -0,0 +1,13 @@
+<script setup lang="ts">
+const ifVar = {} as boolean;
+const elseIfVar = {} as boolean;
+const ifExp = 1;
+const ifElseExp = 1;
+const elseExp = 1;
+</script>
+
+<template>
+	<div v-if="ifVar">{{ ifExp }}</div>
+	<div v-else-if="elseIfVar">{{ ifElseExp }}</div>
+	<div v-else>{{ elseExp }}</div>
+</template>