fix: Support camelCase directives

Author: nickmessing

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

@@ -161,6 +161,9 @@ const parseAttributeJSXAttribute = (t, path, attributes, tagName, elementType) =
     if (name.startsWith(`v-`)) {
       name = name.replace(directiveRE, '')
       prefix = 'directives'
+    } else if (name.startsWith('v') && name.length >= 2 && name[1] >= 'A' && name[1] <= 'Z') {
+      name = name[1].toLowerCase() + name.substr(2)
+      prefix = 'directives'
     }
     if (name.match(xlinkRE)) {
       name = name.replace(xlinkRE, (_, firstCharacter) => {

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

@@ -234,7 +234,7 @@ test('Spread (mixed)', t => {
 test('Custom directives', t => {
   const wrapper = shallow({
     render(h) {
-      return <div v-test={123} v-other={234} />
+      return <div v-test={123} vOther={234} />
     },
   })
 

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

@@ -215,7 +215,7 @@ render(h => h("div", _mergeJSXProps([{}, spread, {
   },
   {
     name: 'Directives',
-    from: `render(h => <div v-test={ 123 } v-other={ 234 } />)`,
+    from: `render(h => <div v-test={ 123 } vOther={ 234 } />)`,
     to: `render(h => h("div", {
   "directives": [{
     name: "test",