feat: Treat string as component if declared in scope

Author: nickmessing

Diff for: packages/babel-plugin-transform-vue-jsx/src/index.js

@@ -40,7 +40,7 @@ const getTag = (t, path) => {
   const namePath = path.get('name')
   if (t.isJSXIdentifier(namePath)) {
     const name = namePath.get('name').node
-    if (name[0] > 'A' && name[0] < 'Z') {
+    if (path.scope.hasBinding(name)) {
       return t.identifier(name)
     } else {
       return t.stringLiteral(name)

Diff for: packages/babel-plugin-transform-vue-jsx/test/snapshot.js

@@ -25,9 +25,10 @@ const tests = [
     to: `render(h => h("div", ["test"]));`,
   },
   {
-    name: 'Uppercase component',
-    from: `render(h => <Div>test</Div>)`,
-    to: `render(h => h(Div, ["test"]));`,
+    name: 'Tag & Component',
+    from: `const Alpha = {}; render(h => [<Alpha>test</Alpha>, <Beta>test</Beta>])`,
+    to: `const Alpha = {};
+render(h => [h(Alpha, ["test"]), h("Beta", ["test"])]);`,
   },
   {
     name: 'MemberExpression component',