🔧 chore: Update metadata

src/app/(auth)/login/[[...login]]/page.tsx

@@ -1,14 +1,21 @@
 import { SignIn } from '@clerk/nextjs';
 
-import PageTitle from './PageTitle';
+import { metadataModule } from '@/server/metadata';
+import { translation } from '@/server/translation';
+
+export const generateMetadata = async () => {
+  const { t } = await translation('clerk');
+  return metadataModule.generate({
+    description: t('signIn.start.subtitle'),
+    title: t('signIn.start.title', { applicationName: 'LobeChat' }),
+    url: '/login',
+  });
+};
 
 const Page = () => {
-  return (
-    <>
-      <PageTitle />
-      <SignIn path="/login" />
-    </>
-  );
+  return <SignIn path="/login" />;
 };
 
+Page.displayName = 'Login';
+
 export default Page;

src/app/(auth)/signup/[[...signup]]/page.tsx

@@ -1,14 +1,21 @@
 import { SignUp } from '@clerk/nextjs';
 
-import PageTitle from './PageTitle';
+import { metadataModule } from '@/server/metadata';
+import { translation } from '@/server/translation';
+
+export const generateMetadata = async () => {
+  const { t } = await translation('clerk');
+  return metadataModule.generate({
+    description: t('signUp.start.subtitle'),
+    title: t('signUp.start.title'),
+    url: '/signup',
+  });
+};
 
 const Page = () => {
-  return (
-    <>
-      <PageTitle />
-      <SignUp path="/signup" />
-    </>
-  );
+  return <SignUp path="/signup" />;
 };
 
+Page.displayName = 'SignUp';
+
 export default Page;

src/server/translation.ts

@@ -16,5 +16,15 @@ export const translation = async (ns: NS) => {
   const file = readFileSync(filepath, 'utf8');
   const i18ns = JSON.parse(file);
 
-  return { t: (key: string) => get(i18ns, key) };
+  return {
+    t: (key: string, options: { [key: string]: string } = {}) => {
+      let content = get(i18ns, key);
+      if (options) {
+        Object.entries(options).forEach(([key, value]) => {
+          content = content.replace(`{{${key}}}`, value);
+        });
+      }
+      return content;
+    },
+  };
 };