x

apps/website/src/app/[lang]/article/[slug]/page.tsx

@@ -1,6 +1,7 @@
 import Link from '@/components/LocalizedLink'
 import { notFound } from 'next/navigation'
 import type { Metadata } from 'next'
+import { generateSeoMetadata } from '@/lib/seo'
 import { ArrowLeft } from 'lucide-react'
 import type { Article } from '@homaroma/types'
 
@@ -13,20 +14,22 @@ async function getArticle(slug: string): Promise<Article | null> {
   } catch { return null }
 }
 
-export async function generateMetadata({ params }: { params: Promise<{ slug: string }> }): Promise<Metadata> {
-  const { slug } = await params
+export async function generateMetadata({ params }: { params: Promise<{ slug: string, lang: string }> }): Promise<Metadata> {
+  const { slug, lang } = await params
   const article = await getArticle(slug)
   if (!article) return { title: 'Article Not Found | HomAroma' }
-  return {
+  return generateSeoMetadata({
     title: `${article.title} | HomAroma Scent Guide`,
     description: article.content.replace(/<[^>]+>/g, '').slice(0, 160),
+    path: `/article/${slug}`,
+    lang,
     openGraph: {
       title: article.title,
       images: article.coverImage ? [article.coverImage] : [],
       type: 'article',
       publishedTime: article.createdAt,
     },
-  }
+  })
 }
 
 export default async function ArticleReaderPage({ params }: { params: Promise<{ slug: string }> }) {