title: Store doesn't recognize my modules and shows no errors
body: <p>I have a store.js file in my VueJS application but it is getting a tad too big so tried to create a few modules for it. However i am not sure what i am doing wrong since one of my modules files work normally while the other doesnt do anything and no errors are shows, my components simply don't show up.</p>
  
  <p>All my module files are as follows:</p>
  
  <pre><code>const myModule= {
    state: {
      myState: false
    },
    mutations: {
      myMutation (state){
        return state.myState= true;
      }
    },
    actions: {
      myAction({ commit }) {
        // what i need to be done
      }
    },
    getters: {
      myState( state ) {
        return state.myState;
      }    
      }
    }
  
    export default myModule;
  </code></pre>
  
  <p>And i import them in my store.js file like this:</p>
  
  <pre><code>import myModule from '@/modules/myModule'
  
  const store = new Vuex.Store({
    namespaced: true,
    modules: {
      loginModule
    },
  </code></pre>
  
  <p>and i've tried using their states and actions as follows</p>
  
  <pre><code>this.$store.dispatch('myAction').myModule
  this.$store.getters['myModule/myState']
  </code></pre>
  
  <p>However only the first module file i created work while the others doesnt and all of them have the same structure and show no errors. Not sure what is wrong here.</p>
  
  <p>EDIT: Apparently the actions are working but not my getters.</p>