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

Author: zhiyuanzmj

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

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>
+    )
   },
 })