title: Vuex mapstate object undefined and "[vuex] unknown mutation type: "
body: <p>I'm new with vue.js and vuex and I've an issue with the mapstate object, first I've only one module in my store:</p>
  
  <pre><code>-Store
   -index.js
   -mutations.js
   -actions.js
   -state.js
  </code></pre>
  
  <p><strong>state.js :</strong></p>
  
  <pre><code>export default {
      userInfo: {
          messages: [{ 1: 'test', 2: 'test' }],
          notifications: [],
          tasks: []
      }
  }
  </code></pre>
  
  <p>So when I try to access the userInfo object everything works correctly:</p>
  
  <pre><code>computed: {
      ...mapState(["userInfo"]),
  }
  </code></pre>
  
  <p>Then I decided to create modules:</p>
  
  <pre><code>-Store
   -modules
    -ldap.js
   -commons.js
   -index.js
  </code></pre>
  
  <p>So the <code>userInfo</code> is in the <code>commons.js</code> file and now when I try to get the object I always get <code>undefined</code>:</p>
  
  <p><strong>commons.js</strong></p>
  
  <pre><code>// state
  const state = {
      userInfo: {
          messages: [{ 1: 'test', 2: 'test' }],
          notifications: [],
          tasks: []
      }
  }
  
  export default {
      actions,
      mutations,
      state  
  }
  </code></pre>
  
  <p><strong>Component.vue</strong></p>
  
  <pre><code>computed: {
      ...mapState(["userInfo"]), // &lt;---- undefined
  }
  </code></pre>
  
  <p><strong>main.js :</strong></p>
  
  <pre><code>import Vue from 'vue'
  import Vuex from 'vuex'
  import commons from './commons'
  import ldap from './modules/ldap'
  
  Vue.use(Vuex)
  
  export default new Vuex.Store({
      modules : {
          commons,
          ldap
      } 
  })
  </code></pre>
  
  <p>Can you tell me how to access the userInfo object?</p>
  
  <p>Thanks.</p>