feat: support hyphenation attribute for React in Vue

src/resolvers/Vue.js

@@ -1,4 +1,5 @@
 import { ReactWrapper } from '../'
+import { camelCaseKeys } from '../utils/camelCase'
 
 export default function VueResolver (component) {
   return {
@@ -13,7 +14,7 @@ export default function VueResolver (component) {
             component,
             passedProps: this.$props.passedProps,
           },
-          attrs: this.$attrs,
+          attrs: camelCaseKeys(this.$attrs),
           on: this.$listeners,
         },
         this.$slots.default

src/utils/camelCase.js

@@ -0,0 +1,30 @@
+export function camelCase (string) {
+  if (typeof string !== 'string') {
+    return string
+  }
+
+  const divider = /[_-\s]/
+
+  string.toLowerCase()
+  return string
+    .split(divider)
+    .map((word, index) => {
+      if (word && index) {
+        const [capital, ...rest] = word
+        return `${capital.toUpperCase()}${rest.join('')}`
+      }
+      return word
+    })
+    .join('')
+}
+
+export function camelCaseKeys (obj) {
+  let newObj = {}
+
+  for (key in obj) {
+    const camelCaseKey = camelCase(key)
+    newObj[camelCaseKey] = obj[key]
+  }
+
+  return newObj
+}