fix(volar/jsx-directive): allow v-slot:default in template tag (#563)

* fix(volar/jsx-directive): allow v-slot:default * chore: add changeset
topsmart20 · Nov 24, 2023 · 900b182 · 900b182
1 parent ff71e48
commit 900b182
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 4 deletions.
diff --git a/.changeset/dirty-cats-repeat.md b/.changeset/dirty-cats-repeat.md
@@ -0,0 +1,5 @@
+---
+'@vue-macros/volar': patch
+---
+
+allow v-slot:default in template tag
diff --git a/packages/volar/src/jsx-directive.ts b/packages/volar/src/jsx-directive.ts
@@ -228,9 +228,11 @@ function transformVSlot({
           for (const attr of child.openingElement.attributes.properties) {
             if (!ts.isJsxAttribute(attr)) continue
             if (isTemplateTag) {
-              name = ts.isJsxNamespacedName(attr.name)
-                ? attr.name.name
-                : undefined
+              name =
+                ts.isJsxNamespacedName(attr.name) &&
+                attr.name.name.escapedText !== 'default'
+                  ? attr.name.name
+                  : undefined
             }
 
             if (

diff --git a/playground/vue3/src/examples/jsx-directive/v-slot/index.vue b/playground/vue3/src/examples/jsx-directive/v-slot/index.vue
@@ -16,7 +16,9 @@ defineRender(() => (
   <fieldset>
     <legend>v-slot</legend>
 
-    <Comp v-slot={{ foo }}>{''}</Comp>
+    <Comp>
+      <template v-slot:default={{ foo }}>{''}</template>
+    </Comp>
 
     <Child>
       <div>default: begin</div>