feat(posts): add clean-code

utils/blog.ts

@@ -5,6 +5,7 @@ import type { MDXRemoteSerializeResult } from 'next-mdx-remote'
 import { serialize } from 'next-mdx-remote/serialize'
 import remarkGfm from 'remark-gfm'
 import remarkPrism from 'remark-prism'
+import rehypeSlug from 'rehype-slug'
 import matter from 'gray-matter'
 
 export const postsPath = path.join(process.cwd(), 'posts')
@@ -63,7 +64,8 @@ export const getPostBySlug = async (
   }
   const source = await serialize(post.content, {
     mdxOptions: {
-      remarkPlugins: [remarkGfm as any, remarkPrism]
+      remarkPlugins: [remarkGfm as any, remarkPrism],
+      rehypePlugins: [rehypeSlug as any]
     }
   })
   return { ...post, source }