From 31fdc9a6545dd9b48c00a46fe61f0c72f486d88a Mon Sep 17 00:00:00 2001
From: matthieu42morin <matthieu.bernard.morin@gmail.com>
Date: Sun, 28 Apr 2024 01:24:07 +0200
Subject: [PATCH] tags refactor to component

---
 src/lib/components/blog/Tags.svelte | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/lib/components/blog/Tags.svelte

diff --git a/src/lib/components/blog/Tags.svelte b/src/lib/components/blog/Tags.svelte
new file mode 100644
index 0000000..fd70249
--- /dev/null
+++ b/src/lib/components/blog/Tags.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+	import type { Post } from '$lib/types/post';
+	import { formatDate } from '$lib/utils/blog';
+
+	export let post: Post;
+</script>
+
+<section class="flex-auto flex justify-between items-center py-4 px-2 m-8">
+	{#if post.tags && post.tags.length > 0}
+		<div class="flex mb-2 items-center gap-2">
+			tags: {#each post.tags as tag}
+				<a
+					data-sveltekit-preload-data="hover"
+					href="/{post.type}{new URLSearchParams({ tag }).toString()}"
+				>
+					<span class="chip variant-ghost-surface">{tag}</span>
+				</a>
+			{/each}
+		</div>
+	{/if}
+	<small>On {formatDate(post.datePublished)}</small>
+</section>