title: How do I paginate specific blog posts on Prismic and Nuxt?
body: <p>I am trying to paginate specific posts on my blog page with two <code>&lt;a&gt;</code> tags.</p>
  
  <p>According to the <a href="https://user-guides.prismic.io/en/articles/1401183-connect-to-a-custom-api" rel="nofollow noreferrer">Prismic Pagination API</a>, accomplishing that would be as easy as passing the parameter link <code>?page=1</code>, such as <code>example.com/blog/?page=1</code>, but nothing changes.</p>
  
  <p>How can I <a href="https://prismic.io/docs/vuejs/query-the-api/query-options-reference#30_0-page" rel="nofollow noreferrer">query</a> the <code>page</code> option if I <a href="https://nuxtjs.org/guide/async-data/" rel="nofollow noreferrer">cannot use a component instance</a> to change it, which is inside the async function <code>asyncData()</code>?</p>
  
  <p><code>pages/blog/index.vue</code>:</p>
  
  <pre><code>&lt;template&gt;
    &lt;div class="container"&gt;
      &lt;h1&gt;{{ title }}&lt;/h1&gt;
      &lt;h2&gt;{{ content }}&lt;/h2&gt;
      &lt;section class="columns is-multiline is-centered"&gt;
        &lt;article
          class="post box column is-3-widescreen is-4-tablet"
          v-for="(post, index) in posts"
          :key="index"
        &gt;
          &lt;nuxt-link :to="`/blog/${post.uid}`"&gt;
            &lt;img :src="post.data.image.url" alt /&gt;
            &lt;h3 class="title is-6"&gt;{{ Dom.RichText.asText(post.data.title) }}&lt;/h3&gt;
          &lt;/nuxt-link&gt;
        &lt;/article&gt;
      &lt;/section&gt;
  
      &lt;!-- I want to PAGINATE my posts from here --&gt;
      &lt;nav class="pagination column"&gt;
        &lt;a class="pagination-previous button is-black"&gt;&amp;#x3c;&lt;/a&gt;
        &lt;a class="pagination-next button is-black"&gt;&amp;#x3e;&lt;/a&gt;
      &lt;/nav&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import Prismic from 'prismic-javascript'
  import PrismicDOM from 'prismic-dom'
  import { initApi, generatePageData } from '@/prismic.config'
  
  export default {
    data() {
      return {
        Dom: PrismicDOM,
        title: 'Blog',
        content:
          'Welcome to my blog. Browse through a streamline of tech tutorials that suits you needs.'
      }
    },
  
    head() {
      return {
        title: this.title,
        meta: [
          {
            hid: 'description',
            name: 'description',
            content: this.content
          }
        ]
      }
    },
  
    asyncData(context) {
      if (context.payload) {
        return generatePageData('blog_page', context.payload)
      } else {
        return initApi().then(api =&gt; {
          return api
            .query(Prismic.Predicates.at('document.type', 'blog_posts'), {
              pageSize: 3,
              page: 1
            })
            .then(response =&gt; {
              return generatePageData('blog_page', response.results)
            })
        })
      }
    }
  }
  &lt;/script&gt;
  </code></pre>