feat: support isCustomElement

vuejs · Jul 25, 2020 · a8710f8 · a8710f8
1 parent aa8dd8c
commit a8710f8
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/packages/babel-plugin-jsx/babel.config.js b/packages/babel-plugin-jsx/babel.config.js
@@ -5,6 +5,6 @@ module.exports = {
   ],
   plugins: [
     /* eslint-disable-next-line global-require */
-    [require('./dist/index.js'), { optimize: true }],
+    [require('./dist/index.js'), { optimize: true, isCustomElement: (tag) => /^x-/.test(tag) }],
   ],
 };
diff --git a/packages/babel-plugin-jsx/src/index.ts b/packages/babel-plugin-jsx/src/index.ts
@@ -12,6 +12,7 @@ interface Opts {
   transformOn?: boolean;
   compatibleProps?: boolean;
   optimize?: boolean;
+  isCustomElement?: (tag: string) => boolean;
 }
 
 export type ExcludesBoolean = <T>(x: T | false | true) => x is T;

diff --git a/packages/babel-plugin-jsx/src/utils.ts b/packages/babel-plugin-jsx/src/utils.ts
@@ -86,7 +86,11 @@ const getTag = (
     if (!htmlTags.includes(name) && !svgTags.includes(name)) {
       return path.scope.hasBinding(name)
         ? t.identifier(name)
-        : t.callExpression(createIdentifier(state, 'resolveComponent'), [t.stringLiteral(name)]);
+        : (
+          state.opts.isCustomElement?.(name)
+            ? t.stringLiteral(name)
+            : t.callExpression(createIdentifier(state, 'resolveComponent'), [t.stringLiteral(name)])
+        );
     }
 
     return t.stringLiteral(name);