title: loading data into vuex store before app loads, how to accomplish this?
body: <p>I am making a dispatch call to my store inside the <code>created</code> hook of <code>App.vue</code>, in a child component I then ask for that with a <code>getter</code>, the issue seems to be that when loading the app the child component is loaded <em>before</em> the data has been placed in the store and does not display. I am confident about this from the fact that I console logged and the first log is the child component who is the consumer of the store. How can I guarantee that the <code>dispatch</code> which is needed site wide happens before any other components are loaded?</p>
  
  <hr>
  
  <p>// App.vue</p>
  
  <pre><code>created() {
         this.$store.dispatch(this.$mts.diseases.DISEASES_LIST) //note I tried with async/await to no avail
      ...
  </code></pre>
  
  <p>//child component</p>
  
  <pre><code>created() {
        this.diseases = this.$store.getters.diseasesList
      ...
  
  </code></pre>
  
  <p>As noted I tried to make the code inside the App.vue asyn but it seems that's it's not loading first so this did not help. </p>