fix: exclude null or undefined from v-for source

close #3102
vuejs · May 1, 2023 · 83e9ece · 83e9ece
1 parent 6fb19fb
commit 83e9ece
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/packages/vue-language-core/src/generators/template.ts b/packages/vue-language-core/src/generators/template.ts
@@ -464,6 +464,7 @@ export function generate(
 		codes.push(`] of (await import('${sharedTypesImport}')).getVForSourceType`);
 		if (source.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION) {
 			codes.push(
+				'(',
 				...createInterpolationCode(
 					source.content,
 					source.loc,
@@ -472,6 +473,7 @@ export function generate(
 					'(',
 					')',
 				),
+				'!)', // #3102
 				') {\n',
 			);
 

diff --git a/packages/vue-test-workspace/vue-tsc/#3102/main.vue b/packages/vue-test-workspace/vue-tsc/#3102/main.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+
+type Item = {
+	id: number,
+	text: string
+}
+const items = ref(null as null | Item[])
+</script>
+
+<template>
+	<div v-for="item in items" :key="item.id">
+		<div>{{ item.id }}</div>
+		<div>{{ item.text }}</div>
+	</div>
+</template>