$apolloData is empty when using async data and context.app.apolloProvider.defaultClient.query

[weAllHave]

I am using NuxtJS and Vue Apollo.

In order to preload my data to have it ready for SEO, I am using the following code.

const buildQuery = route => {
    return {
      query: postGQL,

      fetchPolicy: 'network-only',

      variables: {
        slug: route.params.slug
      }
    }
  }

async asyncData(context) {
      const data = await context.app.apolloProvider.defaultClient.query(buildQuery(context.route))

      return {post: data.data.post}
    }

I am able to load the post correctly, the problem is that $apolloData is empty. When I have a mutation that changes a post, then

store.writeQuery({query: postGQL, variables, data})

will not update it.

I understand that asyncData returns the post in my data and has nothing to do with apollo. How can I include post to $apolloData like when doing something like this:

apollo: { forumQuestion: forumQuestionQuery() }

Here is a screenshot: https://imgur.com/a/GMkaLHJ

[Akryum]

See #469