title: How to use Apollo writeQuery in client side ? (Nuxt.js)
body: <p>I have a Nuxt.js app.</p>
  <p>How to use Apollo <code>writeQuery</code> method on client side without using mutation?</p>
  <p>I want when I click the button (bind to <code>transfer</code> method), all products (on backend) to be saved on client server (frontend) cache, and never query the main server.</p>
  <p>When a new person visit the page for first time, I don't want any query to be sent to the <code>backend</code> server and always use frontend nodejs cache. Even for first visit.</p>
  <p>For the backend I use WP-GraphQL</p>
  <p>When I use:</p>
  <pre class="lang-js prettyprint-override"><code>import gql from 'graphql-tag';
  const getProducts = gql`
  query getProducts {
    products {
      nodes {
        name
        id
      }
    }
  }
  
  `
  export default{
  
    methods: {
      async transfer() {
        const { data } = await this.$apollo.query({
          query: getProducts,
          fetchPolicy: 'network-only',
        })
        await this.$apollo.writeQuery({
          query: getProducts,
          data,
        })
      },
    },
  
    async asyncData({ app }) {
      let client = app.apolloProvider.defaultClient
      const { data } = await client.query({
        query: getProducts,
        fetchPolicy: 'cache-only',
      })
      return { products: data }
    },
  
  }
  </code></pre>
  <p>It returns error:</p>
  <pre><code>TypeError: _this.$apollo.writeQuery is not a function
  </code></pre>