fix: pagination value divisible by 2 and 3

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "1.5.0",
+      "version": "1.5.1",
       "dependencies": {
         "@astrojs/check": "0.9.4",
         "@astrojs/cloudflare": "^11.2.0",

package.json

@@ -1,7 +1,7 @@
 {
   "name": "coryd.dev",
   "type": "module",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",

src/pages/watching/favorites/movies/[...page].astro

@@ -4,6 +4,7 @@ import Grid from "@components/media/Grid.astro";
 import { fetchMovies } from "@utils/data/movies.js";
 import { shuffleArray } from "@utils/helpers/general.js";
 import icons from "@cdransf/astro-tabler-icons";
+import { WATCHING_PAGE_SIZE } from "@utils/constants/index.js"
 
 export const prerender = true;
 
@@ -11,7 +12,7 @@ export const getStaticPaths = async ({ paginate }) => {
   const movies = await fetchMovies();
   const favoriteMovies = movies.favorites;
   return paginate(favoriteMovies, {
-    pageSize: 15,
+    pageSize: WATCHING_PAGE_SIZE,
   });
 };
 
@@ -54,7 +55,7 @@ const description = "These are my favorite movies. There are many like them, but
     data={paginatedMovies}
     pagination={pagination}
     shape="poster"
-    count={15}
+    count={WATCHING_PAGE_SIZE}
     loading="eager"
   />
-</Layout>
+</Layout>

src/pages/watching/favorites/shows/[...page].astro

@@ -4,6 +4,7 @@ import Grid from "@components/media/Grid.astro";
 import { fetchShows } from "@utils/data/tv.js";
 import { shuffleArray } from "@utils/helpers/general.js";
 import icons from "@cdransf/astro-tabler-icons";
+import { WATCHING_PAGE_SIZE } from "@utils/constants/index.js"
 
 export const prerender = true;
 
@@ -11,7 +12,7 @@ export const getStaticPaths = async ({ paginate }) => {
   const shows = await fetchShows();
   const favoriteShows = shows.favorites;
   return paginate(favoriteShows, {
-    pageSize: 15,
+    pageSize: WATCHING_PAGE_SIZE,
   });
 };
 
@@ -54,7 +55,7 @@ const description = "These are my favorite TV shows. There are many like them, b
     data={paginatedShows}
     pagination={pagination}
     shape="poster"
-    count={15}
+    count={WATCHING_PAGE_SIZE}
     loading="eager"
   />
 </Layout>

src/pages/watching/recent/movies/[...page].astro

@@ -4,6 +4,7 @@ import Grid from "@components/media/Grid.astro";
 import { fetchMovies } from "@utils/data/movies.js";
 import { shuffleArray } from "@utils/helpers/general.js";
 import icons from "@cdransf/astro-tabler-icons";
+import { WATCHING_PAGE_SIZE } from "@utils/constants/index.js"
 
 export const prerender = true;
 
@@ -11,7 +12,7 @@ export const getStaticPaths = async ({ paginate }) => {
   const movies = await fetchMovies();
   const recentlyWatchedMovies = movies.recentlyWatched;
   return paginate(recentlyWatchedMovies, {
-    pageSize: 15,
+    pageSize: WATCHING_PAGE_SIZE,
   });
 };
 
@@ -60,7 +61,7 @@ const description =
     data={paginatedMovies}
     pagination={pagination}
     shape="poster"
-    count={15}
+    count={WATCHING_PAGE_SIZE}
     loading="eager"
   />
 </Layout>

src/pages/watching/recent/shows/[...page].astro

@@ -4,6 +4,7 @@ import Grid from "@components/media/Grid.astro";
 import { fetchShows } from "@utils/data/tv.js";
 import { shuffleArray } from "@utils/helpers/general.js";
 import icons from "@cdransf/astro-tabler-icons";
+import { WATCHING_PAGE_SIZE } from "@utils/constants/index.js"
 
 export const prerender = true;
 
@@ -12,7 +13,7 @@ export const getStaticPaths = async ({ paginate }) => {
   const recentlyWatchedShows = shows.recentlyWatched || [];
 
   return paginate(recentlyWatchedShows, {
-    pageSize: 15,
+    pageSize: WATCHING_PAGE_SIZE,
   });
 };
 
@@ -61,7 +62,7 @@ const description = "All of the shows I've watched recently.";
     data={paginatedShows}
     pagination={pagination}
     shape="poster"
-    count={15}
+    count={WATCHING_PAGE_SIZE}
     loading="eager"
   />
 </Layout>

src/utils/constants/index.js

@@ -1 +1,2 @@
-export const CACHE_DURATION = 120 * 1000;
+export const CACHE_DURATION = 120 * 1000;
+export const WATCHING_PAGE_SIZE = 12;