title: Vuex Getters Come Back as Undefined
body: <p>I'm having a Vuex getters issue where the gitters return as undefined (in the Vue Dev Console and no errors are logged in the Chrome Dev Console).</p>
  <p>If <code>mapGetters()</code> is commented out (like the example code below), the returned data is displayed on screen -&gt; Providing if the user clicks into the link that has the data. The data will NOT display if the user enters the app directly at the point where the data should display.</p>
  <p>There is a <a href="https://stackoverflow.com/q/44186482/742030">similar question</a> but there is no accepted answer</p>
  <p><strong>Vue Console Logs:</strong></p>
  <blockquote>
  <p>STATE:</p>
  <p>$_lgdHRS:Object</p>
  <p>totHrs:129</p>
  <hr />
  <p>GETTERS:</p>
  <p>$_lgdHRS/totHrs:undefined</p>
  </blockquote>
  <p><strong>SomeContainer.vue</strong></p>
  <pre class="lang-html prettyprint-override"><code>&lt;script&gt;
  import store from '../../_store'
  import { mapState, mapGetters } from 'vuex'
  
  export default {
    computed: {
      ...mapState('$_lgdHRS',{
        totHrs : 'totHrs',
      }),
  
    // ...mapGetters('$_lgdHRS',{
    //    totHrs  : 'totHrs',
    //    airHrs  : 'airHrs',
    //    picHrs  : 'picHrs',
    //    pmcHrs  : 'pmcHrs',
    //    voHrs   : 'voHrs',
    //    trngHrs : 'trngHrs'
    // }),
    },
  
    created() {
      this.storeKey = '$_lgdHRS';
        if (!(this.storeKey in this.$store._modules.root._children)) {
          this.$store.registerModule(this.storeKey, store);
      }
    },
  
    mounted() {
      this.$store.dispatch('$_lgdHRS/getLogSummary');
    },
  }
  &lt;/script&gt;
  &lt;template&gt;
      &lt;total-summary :hours=&quot;totHrs&quot; /&gt;
  &lt;/template&gt;
  </code></pre>
  <p><strong>state.js</strong></p>
  <pre class="lang-js prettyprint-override"><code>export const state = {
    totHrs: Number,
  }
  </code></pre>
  <p><strong>getters.js</strong></p>
  <pre class="lang-js prettyprint-override"><code>const totHrs = state =&gt; state.totHrs;
  export default {
    totHrs,
  };
  </code></pre>
  <p><strong>mutations.js</strong></p>
  <pre class="lang-js prettyprint-override"><code>const
  TOTAL_HRS_UPDATED = (state, totHrs) =&gt; {
    state.totHrs = +totHrs;
  };
  export default {
      TOTAL_HRS_UPDATED,
  };
  </code></pre>