title: Nuxt.js nested route loading issue
body: <p>ALL the above code comes from my file _id.vue in the pages/apibuilder/models folder</p>
  <p>I use this to populate my store with datas</p>
  <pre><code>async asyncData({ store }) {
      // this.datas = await this.$axios
      //  .$get('/api/apibuilder/retrievemodel')
      //  .then(function (res) {
      //      return res
      //  })
      return { datas: await store.dispatch('apibuilder/retrieve_model') }
  },
  </code></pre>
  <p>I use these datas in 2 different ways in the template</p>
  <p>1 in a v-for loop</p>
  <pre><code>&lt;tr v-for=&quot;(data, name, index) in $store.state.apibuilder.currentModel.attributes&quot;:key=&quot;index&quot;&gt;
  </code></pre>
  <p>2 I want to display the number of this $store.state.apibuilder.currentModel.attributes
  I do it like this</p>
  <pre><code>&lt;span&gt; {{Object.keys($store.state.apibuilder.currentModel.attributes).length}}Champs&lt;/span&gt;
  </code></pre>
  <p>if I navigate with nuxtlink to my nested page : http://localhost:3000/apibuilder/models/Article everything works perfectly, I got my loop and my count working</p>
  <p>but if I try to refresh the page or acces the site directly from the url</p>
  <p>I get the loop working, but not the count
  I have an error telling me that $store.state.apibuilder.currentModel.attributes is null and it breaks the object.keys().length</p>
  <p>the code 1 and 2 are really close to each other within the template and yet, it is Null one time and it display the loop few line after.</p>
  <p>Any idea?</p>
  <p>Ps,</p>
  <p>i tryed to do the count stuff in a computed property but it's the same, the datas are undefined when i reload the page.</p>
  <p>i also tryed with SSR = true and SSR = false</p>
  <p>i also tryed with fetch instead of asyncData</p>