fix: avoid TS8013 at slot name in js component

close #3121
vuejs · May 13, 2023 · ea0a658 · ea0a658
1 parent 7568f98
commit ea0a658
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/packages/vue-language-core/src/generators/template.ts b/packages/vue-language-core/src/generators/template.ts
@@ -732,7 +732,7 @@ export function generate(
 			}
 			codes.push(
 				['', 'template', (slotDir.arg ?? slotDir).loc.start.offset, capabilitiesPresets.diagnosticOnly],
-				`${componentCtxVar}.slots!`,
+				`(${componentCtxVar}.slots!)`,
 				...(
 					(slotDir?.arg?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION && slotDir.arg.content)
 						? createPropertyAccessCode([

diff --git a/packages/vue-test-workspace/vue-tsc/#3121/main.vue b/packages/vue-test-workspace/vue-tsc/#3121/main.vue
@@ -0,0 +1,11 @@
+<template>
+  <Foo>
+    <template
+      v-for="col in slotFilters"
+      :key="col"
+      #[`filter-cell-${col}`]="{ column }"
+    ></template>
+  </Foo>
+</template>
+
+<script setup></script>