fix(landing): due counts

1 files changed, 6 insertions, 4 deletions

diff --git a/src/lib/Landing.svelte b/src/lib/Landing.svelte
index a8593a5b..ab9ab4e2 100644
--- a/src/lib/Landing.svelte
+++ b/src/lib/Landing.svelte
@@ -18,6 +18,8 @@
 	import { env } from '$env/dynamic/public';
 	import tooltip from './Tooltip/tooltip';
 
+	const mangaCount = 8;
+	const animeCount = 6;
 	const randomManga = sampleManga
 		.filter(
 			(manga) =>
@@ -30,7 +32,7 @@
 				!manga.genres.some((genre) => genre === 'Hentai')
 		)
 		.sort(() => 0.5 - Math.random())
-		.slice(0, 8) as unknown as Media[];
+		.slice(0, mangaCount) as unknown as Media[];
 	const randomAnime = sampleAnime
 		.filter(
 			(anime) =>
@@ -44,14 +46,14 @@
 				anime.status !== 'NOT_YET_RELEASED'
 		)
 		.sort(() => 0.5 - Math.random())
-		.slice(0, 6) as unknown as Media[];
+		.slice(0, animeCount) as unknown as Media[];
 	let hoverCoverState: HoverCoverResponse = {};
 </script>
 
 <div class="example-item card">
 	<div class="item-content">
 		<details open={true} class="list">
-			<ListTitle title={$locale().lists.due.mangaAndLightNovels} count={5} hideTime />
+			<ListTitle title={$locale().lists.due.mangaAndLightNovels} count={mangaCount} hideTime />
 
 			<ul>
 				{#each randomManga as manga}
@@ -142,7 +144,7 @@
 	</div>
 	<div class="item-content">
 		<details open={true} class="list">
-			<ListTitle title={$locale().lists.due.episodes} count={5} hideTime />
+			<ListTitle title={$locale().lists.due.episodes} count={animeCount} hideTime />
 
 			<ul>
 				{#each randomAnime as anime}