From 3f2cbdb793e6b2793d9a02e6682e445a6c588fc7 Mon Sep 17 00:00:00 2001
From: LWinterberg <87814144+LWinterberg@users.noreply.github.com>
Date: Wed, 1 Nov 2023 16:09:52 +0100
Subject: [PATCH] only show 3 posts on the homepage

---
 src/components/homepage/BlogPosts.astro | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/homepage/BlogPosts.astro b/src/components/homepage/BlogPosts.astro
index fe2cc2b..e334063 100644
--- a/src/components/homepage/BlogPosts.astro
+++ b/src/components/homepage/BlogPosts.astro
@@ -5,6 +5,8 @@ import { getCollection } from "astro:content";
 const publishedBlogPosts = await getCollection("blog", ({ data }) => {
   return data.draft !== true;
 });
+
+const maxposts = 3;
 ---
 
 <section class="pt-8 pb-16">
@@ -15,7 +17,10 @@ const publishedBlogPosts = await getCollection("blog", ({ data }) => {
 
     <div class="grid grid-cols-12 my-4 sm:my-8 md:my-12 gap-y-8 sm:gap-8 md:gap-12">
       {
-        publishedBlogPosts.sort((a, b) => b.data.publishDate.getTime() - a.data.publishDate.getTime()).map((post) => {
+        publishedBlogPosts
+        .sort((a, b) => b.data.publishDate.getTime() - a.data.publishDate.getTime())
+        .slice(0,maxposts)
+        .map((post) => {
           return (
             <NEWBlogPostCard
               href={post.slug}