Support multiple vuex stores

README.md

@@ -30,13 +30,8 @@ export default renderVue('Header', Header)
 
 ```js
 import { renderVuex, Vue } from 'hypernova-vue'
-import store from './store'
+import createStore from './store'
 import HeaderComponent from './components/HeaderComponent.vue'
 
-const Header = Vue.extend({
-  ...HeaderComponent,
-  store
-})
-
-export default renderVuex('Header', Header)
+export default renderVuex('Header', HeaderComponent, createStore)
 ```

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hypernova-vue",
-  "version": "1.1.0",
+  "version": "2.0.0",
   "description": "Vue bindings for Hypernova",
   "main": "lib/index.js",
   "author": "Felipe Guizar Diaz <[email protected]>",

src/index.js

@@ -38,9 +38,16 @@ export const renderVue = (name, Component) => hypernova({
 });
 
 
-export const renderVuex = (name, Component) => hypernova({
+export const renderVuex = (name, ComponentDefinition, createStore) => hypernova({
   server() {
     return async (propsData) => {
+      const store = createStore();
+
+      const Component = Vue.extend({
+        ...ComponentDefinition,
+        store,
+      });
+
       const vm = new Component({
         propsData,
       });
@@ -59,6 +66,13 @@ export const renderVuex = (name, Component) => hypernova({
       payloads.forEach((payload) => {
         const { node, data } = payload;
         const { propsData, state } = data;
+        const store = createStore();
+
+        const Component = Vue.extend({
+          ...ComponentDefinition,
+          store,
+        });
+
         const vm = new Component({
           propsData,
         });
@@ -69,6 +83,6 @@ export const renderVuex = (name, Component) => hypernova({
       });
     }
 
-    return Component;
+    return ComponentDefinition;
   },
 });