Added basic pagination to homepage.

assets/js/releases/actions.js

@@ -4,12 +4,13 @@ import { curateRelease } from '../curate';
 import getDateRange from '../get-date-range';
 
 function initReleasesActions(store, _router) {
-	async function fetchReleases({ _commit }, { limit = 100, range = 'latest' }) {
+	async function fetchReleases({ _commit }, { limit = 10, pageNumber = 1, range = 'latest' }) {
 		const { before, after, orderBy } = getDateRange(range);
 
-		const { releases } = await graphql(`
+		const { connection: { releases, totalCount } } = await graphql(`
             query Releases(
                 $limit:Int = 1000,
+                $offset:Int = 0,
                 $after:Date = "1900-01-01",
                 $before:Date = "2100-01-01",
                 $orderBy:[ReleasesOrderBy!],
@@ -19,13 +20,17 @@ function initReleasesActions(store, _router) {
             }
         `, {
 			limit,
+			offset: Math.max(0, (pageNumber - 1)) * limit,
 			after,
 			before,
 			orderBy,
 			exclude: store.state.ui.filter,
 		});
 
-		return releases.map(release => curateRelease(release));
+		return {
+			releases: releases.map(release => curateRelease(release)),
+			totalCount,
+		};
 	}
 
 	async function fetchReleaseById({ _commit }, releaseId) {