Component attributes now converts to camelCase before sending to mapStateToProps

Author: DeyLak

lib/connect.js

@@ -14,14 +14,22 @@ var _normalizeProps2 = _interopRequireDefault(_normalizeProps);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function noop() {}
 
 function getStore(component) {
   return component.$store;
 }
 
 function getAttrs(component) {
-  return component._self.$options._parentVnode.data.attrs;
+  var attrs = component._self.$options._parentVnode.data.attrs;
+  // Convert props from kebab-case to camelCase notation
+  return Object.keys(attrs).reduce(function (memo, key) {
+    return _extends({}, memo, _defineProperty({}, key.replace(/[-](.)/g, function (match, group) {
+      return group.toUpperCase();
+    }), attrs[key]));
+  }, {});
 }
 
 function getStates(component, mapStateToProps) {

src/connect.js

@@ -8,7 +8,12 @@ function getStore(component) {
 }
 
 function getAttrs(component) {
-  return component._self.$options._parentVnode.data.attrs;
+  const attrs = component._self.$options._parentVnode.data.attrs;
+  // Convert props from kebab-case to camelCase notation
+  return Object.keys(attrs).reduce((memo, key) => ({
+    ...memo,
+    [key.replace(/[-](.)/g, (match, group) => group.toUpperCase())]: attrs[key],
+  }), {})
 }
 
 function getStates(component, mapStateToProps) {