From f3be8138c40a9b4481c0b5cf926fd5d5de65ed22 Mon Sep 17 00:00:00 2001
From: Ardeman <are.theman@gmail.com>
Date: Sat, 8 Mar 2025 17:24:53 +0800
Subject: [PATCH] feat: add meta title generation for news detail page

---
 app/routes/_news.detail.$slug.tsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/app/routes/_news.detail.$slug.tsx b/app/routes/_news.detail.$slug.tsx
index 27c2d25..d8a3ee8 100644
--- a/app/routes/_news.detail.$slug.tsx
+++ b/app/routes/_news.detail.$slug.tsx
@@ -1,5 +1,6 @@
 import { getNewsBySlug } from '~/apis/common/get-news-by-slug'
 import { getUser } from '~/apis/news/get-user'
+import { APP } from '~/configs/meta'
 import { handleCookie } from '~/libs/cookies'
 import { NewsDetailPage } from '~/pages/news-detail'
 
@@ -26,6 +27,18 @@ export const loader = async ({ request, params }: Route.LoaderArgs) => {
   }
 }
 
+export const meta = ({ data }: Route.MetaArgs) => {
+  const { newsDetailData } = data
+  const metaTitle = APP.title
+  const title = `${newsDetailData.title} - ${metaTitle}`
+
+  return [
+    {
+      title,
+    },
+  ]
+}
+
 const NewsDetailLayout = () => <NewsDetailPage />
 
 export default NewsDetailLayout