update seo

pages/tags/[tag].js

@@ -1,9 +1,9 @@
-import { NextSeo } from 'next-seo'
+import kebabCase from 'just-kebab-case'
 import { getAllFilesFrontMatter } from '@/lib/mdx'
 import { getAllTags } from '@/lib/tags'
 import siteMetadata from '@/data/siteMetadata'
 import ListLayout from '@/layouts/ListLayout'
-import kebabCase from 'just-kebab-case'
+import { PageSeo } from '@/components/SEO'
 
 export async function getStaticPaths() {
   const tags = await getAllTags('blog')
@@ -32,14 +32,10 @@ export default function Blog({ posts, tag }) {
   const title = tag[0].toUpperCase() + tag.split(' ').join('-').slice(1)
   return (
     <>
-      <NextSeo
+      <PageSeo
         title={`${tag} - ${siteMetadata.title}`}
-        description={siteMetadata.description}
-        canonical={`${siteMetadata.siteUrl}/tags/${tag}`}
-        openGraph={{
-          url: `${siteMetadata.siteUrl}/tags/${tag}`,
-          title: `${tag} - ${siteMetadata.title}`,
-        }}
+        description={`${tag} tags - ${siteMetadata.title}`}
+        url={`${siteMetadata.siteUrl}/tags/${tag}`}
       />
       <ListLayout posts={posts} title={title} />
     </>