feat(website): add Head to component page

jason89521 · jason89521 · commit a99ad8d5fa88 · 2022-09-24T20:14:48.000+08:00
diff --git a/website/pages/[component].tsx b/website/pages/[component].tsx
@@ -1,6 +1,7 @@
 import { allDocs, Doc } from 'contentlayer/generated';
 import type { GetStaticPaths, GetStaticProps } from 'next';
 import { useMDXComponent } from 'next-contentlayer/hooks';
+import Head from 'next/head';
 import { useRouter } from 'next/router';
 
 import components from '~/modules/docs/components';
@@ -19,6 +20,10 @@ export default function Component({ docs }: Props) {
 
   return (
     <div className='p-10'>
+      <Head>
+        <title>{doc.title}</title>
+        <meta name='description' content={doc.intro} />
+      </Head>
       <article className='prose max-w-none'>
         <h1>{doc.title}</h1>
         <p>{doc.intro}</p>
diff --git a/website/pages/_app.tsx b/website/pages/_app.tsx
@@ -1,5 +1,6 @@
 import type { Doc } from 'contentlayer/generated';
 import type { AppProps } from 'next/app';
+import Head from 'next/head';
 
 import Aside from '~/modules/layout/components/Aside';
 import Header from '~/modules/layout/components/Header';
@@ -18,6 +19,9 @@ function MyApp({
 }: AppProps<PageProps>) {
   return (
     <div>
+      <Head>
+        <link rel='icon' href='/favicon.ico' />
+      </Head>
       <Header />
       <section className='flex px-10'>
         <Aside docs={docs} />
diff --git a/website/pages/index.tsx b/website/pages/index.tsx
@@ -12,7 +12,6 @@ export default function Home({ docs }: Props) {
       <Head>
         <title>React Components</title>
         <meta name='description' content='Generated by create next app' />
-        <link rel='icon' href='/favicon.ico' />
       </Head>
 
       <main className='flex-grow px-10 py-5'>
