vue.jspaginationpagergridsome

Gridsome Pager is not working inside component


If I use Pager with inside the index is working, but when I use it inside a component I get is not working. Any help?

<Pager :info="$static.posts.pageInfo" />

and GraphQl

<static-query>
query Posts($page:Int){
  posts: allPost(perPage: 3, page: $page) @paginate{
    totalCount
    pageInfo {
      totalPages
      currentPage
      isFirst
      isLast
    }
    edges {
      node {
        title
        image
        id
        path
        excerpt
      }
    }
  }
}
</static-query>

Solution

  • <static-query>
    query Posts($page:Int){
      posts: allPost(perPage: 3, page: $page) @paginate{
        totalCount
        pageInfo {
          totalPages
          currentPage
          isFirst
          isLast
        }
        edges {
          node {
            title
            image
            id
            path
            excerpt
          }
        }
      }
    }
    </static-query>