Decode exported tag params at runtime

Author: 09473ZH

src/app/tags/[tag]/page.tsx

@@ -17,23 +17,25 @@ export const dynamicParams = false
 
 export async function generateMetadata({ params }: Props): Promise<Metadata> {
   const { tag } = await params
+  const decodedTag = decodeURIComponent(tag)
   return {
-    title: `#${tag}`,
-    description: `标签「${tag}」下的所有文章`,
+    title: `#${decodedTag}`,
+    description: `标签「${decodedTag}」下的所有文章`,
   }
 }
 
 export default async function TagPage({ params }: Props) {
   const { tag } = await params
-  const posts = getPostsByTag(tag)
+  const decodedTag = decodeURIComponent(tag)
+  const posts = getPostsByTag(decodedTag)
 
   if (posts.length === 0) notFound()
 
   return (
     <div>
       <div className="mb-8">
         <h1 className="text-sm font-mono" style={{ color: 'var(--color-fg-muted)' }}>
-          #{tag}
+          #{decodedTag}
           <span className="ml-2 opacity-50">{posts.length}</span>
         </h1>
       </div>