title: how to get nested getters in vuex nuxt
body: <p>i have <code>store/index.js</code> like this</p>
  
  <pre><code>new Vuex.Store({
    modules: {
      nav: {
        namespaced: true,
        modules: {
          message: {
            namespaced: true,
            state: {
              count: 0,
              conversations: [],
            },
            getters: {
              getCount: state =&gt; {
                return state.count;
              },
            },
            mutations: {
              updateCount(state) {
                state.count++;
              },
            },
            actions: {},
          },
          requests: {
            namespaced: true,
            state: {
              friends: [],
            },
            getters: {
              getFriends: state =&gt; {
                return state.friends;
              },
            },
            mutations: {
              pushFriends(state, data) {
                state.friends.push(data);
              },
            },
            actions: {
              pushFriends(commit, data) {
                commit('pushFriends', data);
              },
            },
          },
        },
      },
    },
  });
  </code></pre>
  
  <p>i want to use getters in computed property i have tested like this </p>
  
  <pre><code>computed: {
      ...mapGetters({
        count: 'nav/message/getCount',
      }),
    },
  </code></pre>
  
  <p>butt getting error</p>
  
  <blockquote>
    <p>[vuex] unknown getter: nav/message/getCount</p>
  </blockquote>
  
  <p>what is am missing here</p>
  
  <p>i also want to make separate folder for every modules like my nav have 3 modules <code>message, requests &amp; notifications</code></p>
  
  <p>i did try but nuxt blow up my codes</p>