diff --git a/src/lib/components/Card.svelte b/src/lib/components/Card.svelte
index 8b36cc9..eebcf15 100644
--- a/src/lib/components/Card.svelte
+++ b/src/lib/components/Card.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	export let data: {
+	export let article: {
 		title: string;
 		description?: string;
 		path: string;
@@ -9,18 +9,18 @@
 	};
 </script>
 
-<a href={data.path}>
+<a href={article.path}>
 	<div class="card">
-		{#if data.image }
-			<img src="{data.image}" class="image" alt='' />
+		{#if article.image }
+			<img src="{article.image}" class="image" alt='' />
 		{/if}
-		<h2>{data.title}</h2>
-		{#if data.description}
-			<p>{data.description}</p>
+		<h2>{article.title}</h2>
+		{#if article.description}
+			<p>{article.description}</p>
 		{/if}
-		{#if data.tags}
+		{#if article.tags}
 			<div class="tags">
-				{#each data.tags as tag}
+				{#each article.tags as tag}
 					<span class="tag">{tag}</span>
 				{/each}
 			</div>
diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte
index 061a34e..9f18b7b 100644
--- a/src/routes/projects/+page.svelte
+++ b/src/routes/projects/+page.svelte
@@ -18,8 +18,8 @@
 	<hr />
 
 	<section class="project_list">
-		{#each data.data as { title, description, path, date, tags, image }}
-			<Card data={{ title, description, path, date, tags, image }} />
+		{#each data.data as article}
+			<Card { article } />
 		{/each}
 	</section>
 </div>
diff --git a/src/routes/shs/+page.svelte b/src/routes/shs/+page.svelte
index de42b7b..4112f9c 100644
--- a/src/routes/shs/+page.svelte
+++ b/src/routes/shs/+page.svelte
@@ -18,8 +18,8 @@
 	<hr />
 
 	<section class="card_list">
-		{#each data.data as { title, description, path, date, tags }}
-			<Card data={{ title, description, path, date, tags }} />
+		{#each data.data as article}
+			<Card { article } />
 		{/each}
 	</section>
 </div>