From 89673d237fa1d145c41685aefc24b0e741298b84 Mon Sep 17 00:00:00 2001
From: wappon28dev <wappon_28_dev@ruru.be>
Date: Wed, 19 Jun 2024 23:21:30 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20`/blogs`=20=E3=81=A7=E3=81=AE=20?=
 =?UTF-8?q?limit=20=E5=89=8A=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/components/BlogList.svelte |  2 +-
 src/routes/blogs/+page.svelte      | 16 +---------------
 2 files changed, 2 insertions(+), 16 deletions(-)

diff --git a/src/lib/components/BlogList.svelte b/src/lib/components/BlogList.svelte
index f06c425..96fac25 100644
--- a/src/lib/components/BlogList.svelte
+++ b/src/lib/components/BlogList.svelte
@@ -7,7 +7,7 @@
 
   export let more: boolean = false;
   export let blogs: EndPoints["gets"]["blogs"];
-  export let limit: number | undefined;
+  export let limit: number | undefined = undefined;
 
   const blogDataList = blogs.contents;
 
diff --git a/src/routes/blogs/+page.svelte b/src/routes/blogs/+page.svelte
index 3aa79a3..3945798 100644
--- a/src/routes/blogs/+page.svelte
+++ b/src/routes/blogs/+page.svelte
@@ -1,23 +1,9 @@
 <script lang="ts">
-  import { onMount } from "svelte";
   import type { PageData } from "./$types";
   import BlogList from "$lib/components/BlogList.svelte";
   import Marker from "$lib/components/Marker.svelte";
 
   export let data: PageData;
-
-  let limit: number;
-
-  onMount(() => {
-    const width = window.innerWidth;
-    if (width <= 480) {
-      limit = 4;
-    } else if (width <= 768) {
-      limit = 8;
-    } else {
-      limit = 12;
-    }
-  });
 </script>
 
 <h1>
@@ -25,7 +11,7 @@
 </h1>
 
 <section>
-  <BlogList blogs={data.blogList} {limit} more />
+  <BlogList blogs={data.blogList} more />
 </section>
 
 <style lang="scss">