izzygld/Pagination.vue

Hi there.
I couldn't succeed using these with Gridsome. Would be great if you can help with a Gridsome example.

Hmmm probably could do with a upgrade

what version wp graghql are you using?

I am using latest version of WPGraphQL. It's 6.1 at the moment.

This is my posts page

<template>

	<div>
		<div>
			<div v-for="{ node } in $static.WordPress.posts.edges" :key="node.id">
				<Post :post="node"></Post>
			</div>
		</div>
		<div>
			<Pagination :posts="posts" :postsQuery="postsQuery" @updatePosts="updatePosts" :limit="3"></Pagination>
		</div>
	</div>

</template>

<static-query>
    query GetAllPosts ($first: Int, $last: Int, $endCursor: String, $startCursor: String) {
      WordPress {
        posts (first:$first last:$last after:$endCursor before:$startCursor) {
          pageInfo {
            endCursor
            hasNextPage
            hasPreviousPage
            startCursor
          }
          edges {
            cursor
            node {
              id
              title
              content
              uri
              date
              excerpt
              featuredImage {
                node {
                  mediaItemUrl 
                  altText
                }
              }
            }
          }
        }
      }
    }
</static-query>

<script>
    import Post from "~/components/PostCard";
    import Pagination from "~/components/Pagination";
    export default {
        name: "Blog",
        components: {Post, Pagination}
    }
</script>

@idesignzone do you have a repo for me to view the code?

(especially the pagination component)

thanks

I create a repo for Gridsome and WPGraphQL. https://github.com/idesignzone/gridsome-minimum.git.