refactor(overmind-vue): improve error on using connect wrong and improve docs

Author: christianalfoni

package-lock.json

@@ -53,7 +53,7 @@
     "styled-components": "3.3.3",
     "tslib": "1.9.3",
     "vscode": "^1.1.34",
-    "vue": "2.5.16",
+    "vue": "2.6.10",
     "vue-hot-reload-api": "2.3.0",
     "vue-styled-components": "1.3.0",
     "ws": "7.0.0",

package.json

@@ -135,6 +135,12 @@ export const createConnect = (overmind) => (...args) => {
   let options = args.length === 1 ? args[0] : args[1]
   let propsCallback = args.length === 1 ? null : args[0]
 
+  if (propsCallback && typeof propsCallback !== 'function') {
+    throw new Error(
+      `OVERMIND-VUE: When passing two arguments to "connect", the first has to be a function. You can alternatively only pass a single argument, which is the component`
+    )
+  }
+
   return {
     ...options,
     mixins: (options.mixins ? options.mixins : []).concat(

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

@@ -27,7 +27,9 @@ export const connect = createConnect(overmind)
     code: `
 import { connect } from '../overmind'
 
-export default connect({})
+const Component = {}
+
+export default connect(Component)
 `,
   },
 ]

packages/overmind-website/examples/guide/usingovermindwithvue/connect.ts

@@ -13,10 +13,12 @@ export default () => [
     code: `
 import { connect } from '../overmind'
 
+const Component = {}
+
 export default connect(({ state, actions, effects }) => ({
   state: state.admin,
   actions: actions.admin
-}), {})
+}), Component)
 `,
   },
 ]