fix(language-core): handle v-for with v-once correctly (#4830)

vuejs · Sep 10, 2024 · 814b30f · 814b30f
1 parent 990363c
commit 814b30f
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 0 deletions.
diff --git a/packages/language-core/lib/codegen/template/templateChild.ts b/packages/language-core/lib/codegen/template/templateChild.ts
@@ -49,6 +49,11 @@ export function* generateTemplateChild(
 
 	const shouldInheritRootNodeAttrs = options.inheritAttrs;
 
+	const cur = node as CompilerDOM.ElementNode | CompilerDOM.IfNode | CompilerDOM.ForNode;
+	if (cur.codegenNode?.type === CompilerDOM.NodeTypes.JS_CACHE_EXPRESSION) {
+		cur.codegenNode = cur.codegenNode.value as any;
+	}
+
 	if (node.type === CompilerDOM.NodeTypes.ROOT) {
 		let prev: CompilerDOM.TemplateChildNode | undefined;
 		if (shouldInheritRootNodeAttrs && node.children.length === 1 && node.children[0].type === CompilerDOM.NodeTypes.ELEMENT) {

diff --git a/test-workspace/tsc/passedFixtures/vue3/#4827/child.vue b/test-workspace/tsc/passedFixtures/vue3/#4827/child.vue
@@ -0,0 +1,3 @@
+<template>
+	<pre v-for="_ in []" v-once></pre>
+</template>
diff --git a/test-workspace/tsc/passedFixtures/vue3/#4827/main.vue b/test-workspace/tsc/passedFixtures/vue3/#4827/main.vue
@@ -0,0 +1,7 @@
+<script setup lang="ts">
+import Main from './child.vue'
+</script>
+
+<template>
+  <Main />
+</template>