title: Prefetching API Data with Apollo for Nuxt.js SSR
body: <p>I've got what is hopefully a very simple question about prefetching data from within an apollo/nuxt configuration.</p>
  
  <p>I am requesting data from a GraphQL API and want to prefetch the data to use server-side rendering. Reading the docs it seems like I should simply be able to set <code>prefetch: true</code> on my apollo query but this is not working – it is always sending the request from the client side which is causing all kinds of issues.</p>
  
  <p>Here is the code in my component:</p>
  
  <pre><code>apollo: {
    concept: {
      prefetch: true,
      query: conceptStatements,
      variables () {
        return { id: this.$route.params.id }
      }
    }
  }
  </code></pre>
  
  <p>I feel like it will have something to do with when <code>this.$route.params.id</code> is evaluated?</p>
  
  <p>Ultimately I would like to create a Vuex store in the <code>store/index.js</code> which takes all of my apollo queries and renders the data in them accessible across the application but the documentation is very vague on how I might do this. Any help would be much appreciated!</p>