Merge pull request cerebral#55 from cerebral/namespacesProp

feat(overmind): improve typing and namespaces

Author: christianalfoni

packages/demos/posts/src/app.js

@@ -1,4 +1,4 @@
-export const effects = {
+export const api = {
   getPost(id) {
     return fetch(`https://jsonplaceholder.typicode.com/posts/${id}`).then(
       (response) => response.json()

packages/demos/posts/src/modules/api.js packages/demos/posts/src/app/effects.jspackages/demos/posts/src/modules/api.js renamed to packages/demos/posts/src/app/effects.js

@@ -0,0 +1,21 @@
+import App from 'vue-overmind'
+import * as tabs from './tabs'
+import * as posts from './posts'
+import * as users from './users'
+import * as effects from './effects'
+
+const app = new App(
+  {
+    effects,
+    namespaces: {
+      tabs,
+      posts,
+      users,
+    },
+  },
+  {
+    devtools: 'localhost:1234',
+  }
+)
+
+export default app

packages/demos/posts/src/app/index.js

@@ -51,11 +51,11 @@
   </div>
 </template>
 <script>
-import { connect } from '../app'
+import app from '../app'
 import Posts from './Posts.vue'
 import Users from './Users.vue'
 
-export default connect({
+export default app.connect({
   name: 'App',
   components: {
     Posts,

packages/demos/posts/src/modules/posts.js packages/demos/posts/src/app/posts.jspackages/demos/posts/src/modules/posts.js renamed to packages/demos/posts/src/app/posts.js

@@ -4,9 +4,9 @@
   </li>
 </template>
 <script>
-import { connect } from '../app'
+import app from '../app'
 
-export default connect({
+export default app.connect({
   name: 'Post',
   props: ['post'],
 })

packages/demos/posts/src/modules/tabs.js packages/demos/posts/src/app/tabs.jspackages/demos/posts/src/modules/tabs.js renamed to packages/demos/posts/src/app/tabs.js

@@ -5,10 +5,10 @@
 </ul>
 </template>
 <script>
-import { connect } from '../app'
+import app from '../app'
 import Post from './Post.vue'
 
-export default connect({
+export default app.connect({
   name: 'Posts',
   components: {
     Post,

packages/demos/posts/src/modules/users.js packages/demos/posts/src/app/users.jspackages/demos/posts/src/modules/users.js renamed to packages/demos/posts/src/app/users.js

@@ -2,9 +2,9 @@
   <div>Hello users!</div>
 </template>
 <script>
-import { connect } from '../app'
+import app from '../app'
 
-export default connect({
+export default app.connect({
   name: 'Users',
 })
 </script>