feat: exclude template tag to support jsx-directive (#106)

webfansplz · Sep 2, 2024 · 64cbb2d · 64cbb2d
1 parent 180a6ca
commit 64cbb2d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/packages/core/src/compiler/template.ts b/packages/core/src/compiler/template.ts
@@ -77,7 +77,7 @@ export async function compileSFCTemplate(
 
         babelTraverse(ast, {
           enter({ node }) {
-            if (node.type === 'JSXElement') {
+            if (node.type === 'JSXElement' && !EXCLUDE_TAG.includes(s.slice(node.openingElement.name.start, node.openingElement.name.end))) {
               if (node.openingElement.attributes.some(attr => attr.type !== 'JSXSpreadAttribute' && attr.name.name === KEY_DATA,
               ))
                 return

diff --git a/packages/playground/vue3/src/Welcome.tsx b/packages/playground/vue3/src/Welcome.tsx
@@ -4,6 +4,11 @@ export default defineComponent({
   name: 'Welcome',
   setup() {
     const text = 'Welcome to here 🚀 .'
-    return () => <p style={{ color: '#fcb80f', cursor: 'pointer' }}> {text} </p>
+    return () => (
+      <p style={{ color: '#fcb80f', cursor: 'pointer' }}>
+        {text}
+        <template v-if={text}>{text}</template>
+      </p>
+    )
   },
 })