feat(overmind-vue): add custom connect

Author: christianalfoni

packages/node_modules/overmind-vue/src/Index.test.ts

@@ -21,6 +21,25 @@ describe('Vue', () => {
     )
     expect(vm.overmind.state.foo).toBe('bar')
   })
+  it('should mount with custom connected app', () => {
+    const app = new Overmind({
+      state: {
+        foo: 'bar',
+      },
+    })
+    const connect = createConnect(app)
+    const vm = new Vue(
+      connect(
+        ({ state }) => ({
+          state,
+        }),
+        {
+          el: dom.window.document.createElement('div'),
+        }
+      )
+    )
+    expect(vm.state.foo).toBe('bar')
+  })
   it('should expose actions', (done) => {
     const app = new Overmind({
       state: {

packages/node_modules/overmind-vue/src/index.ts

@@ -2,9 +2,11 @@ import { EventType } from 'overmind'
 
 let nextComponentId = 0
 
-export const createConnect = (overmind) => (options) => {
+export const createConnect = (overmind) => (...args) => {
   const componentId = nextComponentId++
   let componentInstanceId = 0
+  let options = args.length === 1 ? args[0] : args[1]
+  let propsCallback = args.length === 1 ? null : args[0]
 
   return {
     ...options,
@@ -22,6 +24,16 @@ export const createConnect = (overmind) => (options) => {
           effects: overmind.effects,
           addMutationListener: overmind.addMutationListener,
         }
+        if (propsCallback) {
+          Object.assign(
+            this,
+            propsCallback({
+              state: this.__tree.state,
+              actions: overmind.actions,
+              effects: overmind.effects,
+            })
+          )
+        }
         this.__tree.track(this.__onUpdate)
       },
       beforeUpdate(this: any) {