Needs methods as well

README.md

@@ -1,20 +1,25 @@
+Originated from Nadim Tuhin's https://github.com/nadimtuhin/redux-vue
+
+#TODO
+- Need to have an exact copy of the parent component during extend 
+
 # vue redux binding higher order component
 Vue Redux is tested to work on vue v2 and should be used with vue-jsx, component template string or single-file components. For more on vue-jsx https://github.com/vuejs/babel-plugin-transform-vue-jsx
 
 ## Install
-install through ``npm i redux-vue --save``
+install through ``npm i redux-vue-connect --save``
 
 ## Initialize
 install in your root component
 
 ```js
 // main.js
 import Vue from 'vue';
-import { reduxStorePlugin } from 'redux-vue';
+import { reduxStorePlugin } from 'redux-vue-connect';
 import AppStore from './AppStore';
 import App from './Component/App';
 
-// install redux-vue
+// install redux-vue-connect
 Vue.use(reduxStorePlugin);
 
 new Vue({
@@ -55,7 +60,7 @@ export default AppStore;
 ```js
 // components/App.js
 
-import { connect } from 'redux-vue';
+import { connect } from 'redux-vue-connect';
 
 const App = {
 	props: {

package.json

@@ -1,14 +1,15 @@
 {
-  "name": "redux-vue",
-  "version": "0.7.1",
+  "name": "redux-vue-connect",
+  "version": "1.0.0",
   "description": "Vue Redux binding higher order component",
-  "author": "Nadim Tuhin",
+  "author": "Sazzad Hossain Khan",
+  "contributor": "Sazzad Hossain Khan",
   "repository": {
     "type": "git",
-    "url": "https://github.com/nadimtuhin/redux-vue.git"
+    "url": "https://github.com/itsazzad/redux-vue-connect.git"
   },
-  "bugs": "https://github.com/nadimtuhin/redux-vue/issues",
-  "homepage": "http://nadimtuhin.com",
+  "bugs": "https://github.com/itsazzad/redux-vue-connect/issues",
+  "homepage": "https://github.com/itsazzad",
   "license": "MIT",
   "main": "lib/index.js",
   "scripts": {
@@ -22,6 +23,7 @@
     "redux",
     "vue-redux",
     "redux-vue",
+    "redux-vue-connect",
     "flux",
     "immutable"
   ],

src/connect.js

@@ -27,8 +27,8 @@ function getActions(component, mapActionsToProps) {
 function getProps(component) {
   let props = {};
   const attrs = getAttrs(component);
-  const stateNames = component.vuaReduxStateNames;
-  const actionNames = component.vuaReduxActionNames;
+  const stateNames = component.vueReduxStateNames;
+  const actionNames = component.vueReduxActionNames;
 
   for (let ii = 0; ii < stateNames.length; ii++) {
     props[stateNames[ii]] = component[stateNames[ii]];
@@ -68,14 +68,14 @@ export default function connect(mapStateToProps, mapActionsToProps) {
         ...normalizeProps(children.collect || {})
       };
 
-      const msg = `vua-redux: collect is deprecated, use props ` +
+      const msg = `redux-vue-connect: collect is deprecated, use props ` +
         `in ${children.name || 'anonymous'} component`;
 
       console.warn(msg);
     }
 
     return {
-      name: `ConnectVuaRedux-${children.name || 'children'}`,
+      name: `ReduxVueConnect-${children.name || 'children'}`,
 
       render(h) {
         const props = getProps(this);
@@ -92,18 +92,18 @@ export default function connect(mapStateToProps, mapActionsToProps) {
         return {
           ...state,
           ...actions,
-          vuaReduxStateNames: stateNames,
-          vuaReduxActionNames: actionNames
+          vueReduxStateNames: stateNames,
+          vueReduxActionNames: actionNames
         };
       },
 
       created() {
         const store = getStore(this);
 
-        this.vuaReduxUnsubscribe = store.subscribe(() => {
+        this.vueReduxUnsubscribe = store.subscribe(() => {
           const state = getStates(this, mapStateToProps);
           const stateNames = Object.keys(state);
-          this.vuaReduxStateNames = stateNames;
+          this.vueReduxStateNames = stateNames;
 
           for (let ii = 0; ii < stateNames.length; ii++) {
             this[stateNames[ii]] = state[stateNames[ii]];
@@ -112,8 +112,10 @@ export default function connect(mapStateToProps, mapActionsToProps) {
       },
 
       beforeDestroy() {
-        this.vuaReduxUnsubscribe();
-      }
+        this.vueReduxUnsubscribe();
+      },
+
+      methods: children.methods
     };
   };
 }