Fix: slugify tags in post detail page

satnaing · May 1, 2023 · 49d7f77 · 49d7f77
1 parent 4c1b9c8
commit 49d7f77
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/layouts/PostDetails.astro b/src/layouts/PostDetails.astro
@@ -5,14 +5,16 @@ import Footer from "@components/Footer.astro";
 import Tag from "@components/Tag.astro";
 import Datetime from "@components/Datetime";
 import type { CollectionEntry } from "astro:content";
+import { slugifyStr } from "@utils/slugify";
 
 export interface Props {
   post: CollectionEntry<"blog">;
 }
 
 const { post } = Astro.props;
 
-const { title, author, description, ogImage, pubDatetime, tags } = post.data;
+let { title, author, description, ogImage, pubDatetime, tags } = post.data;
+tags = tags.map(tag => slugifyStr(tag));
 
 const { Content } = await post.render();