From 82d6c2f4c3aa11f3d5390ceb3beb46055b3a7a13 Mon Sep 17 00:00:00 2001
From: Leni Aniva <v@leni.sh>
Date: Thu, 10 Oct 2024 15:03:02 -0700
Subject: [PATCH 1/2] fix: Tags exceed screen width

---
 src/routes/tag/+page.svelte | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/routes/tag/+page.svelte b/src/routes/tag/+page.svelte
index b0b49de..4951f1d 100644
--- a/src/routes/tag/+page.svelte
+++ b/src/routes/tag/+page.svelte
@@ -12,7 +12,7 @@
 <h1>Tags</h1>
 
 <hr class="separator" />
-<div id="catalog" class="content">
+<div id="tags">
 	{#each allTags as tag}
 		<a class="tag" href="/tag/{tag}">{tag}</a>
 	{/each}
@@ -20,7 +20,11 @@
 <hr class="separator" />
 
 <style>
+	#tags {
+		display: inline-block;
+	}
 	.tag {
+		display: inline-block;
 		margin-left: 1em;
 		margin-right: 1em;
 	}

From 173f32fb33cbd97025f280297034fb222c999719 Mon Sep 17 00:00:00 2001
From: Leni Aniva <v@leni.sh>
Date: Thu, 10 Oct 2024 15:20:28 -0700
Subject: [PATCH 2/2] feat: Show tag post count

---
 src/lib/posts.ts                             | 6 ++++--
 src/routes/tag/+page.svelte                  | 7 +++++--
 src/routes/tag/{+page.server.ts => +page.ts} | 2 +-
 src/routes/tag/[slug]/+page.svelte           | 2 +-
 4 files changed, 11 insertions(+), 6 deletions(-)
 rename src/routes/tag/{+page.server.ts => +page.ts} (81%)

diff --git a/src/lib/posts.ts b/src/lib/posts.ts
index 0c31b6e..e5cbcf7 100644
--- a/src/lib/posts.ts
+++ b/src/lib/posts.ts
@@ -27,7 +27,7 @@ export async function getPosts(tag: string | null = null) {
 	return posts;
 }
 
-export async function getTags() {
+export async function getTags() : Promise<Map<string, number>> {
 	const allPostFiles = import.meta.glob('$content/post/*.md');
 	const iterablePostFiles = Object.entries(allPostFiles);
 
@@ -37,5 +37,7 @@ export async function getTags() {
 			return metadata.tags;
 		})
 	);
-	return new Set(allPosts.flat());
+	return allPosts.flat().reduce((acc: Map<string, number>, curr: string) => {
+		return acc[curr] ? ++acc[curr] : acc[curr] = 1, acc
+	}, new Map());
 }
diff --git a/src/routes/tag/+page.svelte b/src/routes/tag/+page.svelte
index 4951f1d..7d60e17 100644
--- a/src/routes/tag/+page.svelte
+++ b/src/routes/tag/+page.svelte
@@ -13,8 +13,11 @@
 
 <hr class="separator" />
 <div id="tags">
-	{#each allTags as tag}
-		<a class="tag" href="/tag/{tag}">{tag}</a>
+	{#each Object.entries(allTags) as [tag, occ]}
+		<div class="tag">
+			<a href="/tag/{tag}">{tag}</a>
+			({occ})
+		</div>
 	{/each}
 </div>
 <hr class="separator" />
diff --git a/src/routes/tag/+page.server.ts b/src/routes/tag/+page.ts
similarity index 81%
rename from src/routes/tag/+page.server.ts
rename to src/routes/tag/+page.ts
index a5bf330..ec07e61 100644
--- a/src/routes/tag/+page.server.ts
+++ b/src/routes/tag/+page.ts
@@ -2,6 +2,6 @@ import type { PageLoad } from './$types';
 import { getTags } from '$lib/posts';
 
 export const load: PageLoad = async (_) => {
-	const allTags = await getTags();
+	let allTags = await getTags();
 	return { allTags };
 };
diff --git a/src/routes/tag/[slug]/+page.svelte b/src/routes/tag/[slug]/+page.svelte
index ccf9660..7572bf9 100644
--- a/src/routes/tag/[slug]/+page.svelte
+++ b/src/routes/tag/[slug]/+page.svelte
@@ -10,7 +10,7 @@
 	<title>{name} | {siteMetadata.blogName}</title>
 </svelte:head>
 
-<h1>{name}</h1>
+<h1>{name} ({posts.length})</h1>
 
 <hr class="separator" />
 <ul id="catalog" class="content">