From 0b58f53e096bb5c5dffbdcb29d94f2c6c87b4afc Mon Sep 17 00:00:00 2001
From: prototypa <prototypearea.dev@gmail.com>
Date: Sat, 24 Dec 2022 09:13:04 -0500
Subject: [PATCH] Make Blog Tags case insensitive

---
 data/blog/markdown-elements-demo-post.mdx | 2 +-
 src/components/atoms/Tags.astro           | 2 +-
 src/pages/[...tags]/[tag]/[...page].astro | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/data/blog/markdown-elements-demo-post.mdx b/data/blog/markdown-elements-demo-post.mdx
index 69bb02e..4b6a690 100644
--- a/data/blog/markdown-elements-demo-post.mdx
+++ b/data/blog/markdown-elements-demo-post.mdx
@@ -4,7 +4,7 @@ title: 'Markdown elements demo post'
 description: 'Lorem ipsum dolor sit amet'
 excerpt: 'Sint sit cillum pariatur eiusmod nulla pariatur ipsum. Sit laborum anim qui mollit tempor pariatur nisi minim dolor. Aliquip et adipisicing sit sit fugiat'
 image: '~/assets/images/astronaut.jpg'
-tags: [markdown, astro, blog]
+tags: [markdown, blog, Astro]
 ---
 
 import Logo from '~/components/atoms/Logo.astro';
diff --git a/src/components/atoms/Tags.astro b/src/components/atoms/Tags.astro
index 43fd18f..6335d55 100644
--- a/src/components/atoms/Tags.astro
+++ b/src/components/atoms/Tags.astro
@@ -8,7 +8,7 @@ const { tags, class: className = 'text-sm' } = Astro.props;
 	tags && Array.isArray(tags) && (
 		<ul class={className}>
 			{tags.map((tag) => (
-				<li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
+				<li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2 lowercase">
 					<a href={getPermalink(tag, 'tag')}>{tag}</a>
 				</li>
 			))}
diff --git a/src/pages/[...tags]/[tag]/[...page].astro b/src/pages/[...tags]/[tag]/[...page].astro
index b8c32a5..d4c8094 100644
--- a/src/pages/[...tags]/[tag]/[...page].astro
+++ b/src/pages/[...tags]/[tag]/[...page].astro
@@ -20,7 +20,7 @@ export async function getStaticPaths({ paginate }) {
 
 	return Array.from(tags).map((tag) =>
 		paginate(
-			posts.filter((post) => Array.isArray(post.tags) && post.tags.includes(tag)),
+			posts.filter((post) => Array.isArray(post.tags) && post.tags.find((elem) => elem.toLowerCase() === tag)),
 			{
 				params: { tag: cleanSlug(tag), tags: TAG_BASE || undefined },
 				pageSize: BLOG.postsPerPage,