From 84bf24c69b365c9f2a74f4dff6f59a25ca9c531d Mon Sep 17 00:00:00 2001
From: John Reilly <johnny_reilly@hotmail.com>
Date: Thu, 19 Aug 2021 17:19:05 +0100
Subject: [PATCH] feat: different implementation

---
 .../src/plugin-content-docs.d.ts              |  2 +-
 .../src/theme/BlogPostItem/index.tsx          | 20 ++++++++-----------
 .../src/theme/Seo/index.tsx                   |  8 ++------
 3 files changed, 11 insertions(+), 19 deletions(-)

diff --git a/packages/docusaurus-plugin-content-docs/src/plugin-content-docs.d.ts b/packages/docusaurus-plugin-content-docs/src/plugin-content-docs.d.ts
index b4c7381aaa..a8d49f21ce 100644
--- a/packages/docusaurus-plugin-content-docs/src/plugin-content-docs.d.ts
+++ b/packages/docusaurus-plugin-content-docs/src/plugin-content-docs.d.ts
@@ -132,7 +132,7 @@ declare module '@theme/Seo' {
     readonly description?: string;
     readonly keywords?: readonly string[] | string;
     readonly image?: string;
-    readonly metaTags?: Record<string, string>;
+    readonly children?: ReactNode;
   };
 
   const Seo: (props: Props) => JSX.Element;
diff --git a/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.tsx b/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.tsx
index 4b091db940..d297495884 100644
--- a/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.tsx
+++ b/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.tsx
@@ -127,20 +127,16 @@ function BlogPostItem(props: Props): JSX.Element {
     );
   };
 
-  const metaTags = isBlogPostPage
-    ? {
-        'og:type': 'article',
-        'article:published_time': date,
-        ...(authorURL ? {'article:author': authorURL} : {}),
-        ...(frontMatter.tags
-          ? {'article:tag': frontMatter.tags.join(',')}
-          : {}),
-      }
-    : undefined;
-
   return (
     <>
-      <Seo {...{keywords, image, metaTags}} />
+      <Seo {...{keywords, image}}>
+        <meta property="og:type" content="article" />
+        <meta property="article:published_time" content={date} />
+        {authorURL && <meta property="article:author" content={authorURL} />}
+        {frontMatter.tags && (
+          <meta property="article:tag" content={frontMatter.tags.join(',')} />
+        )}
+      </Seo>
 
       <article
         className={!isBlogPostPage ? 'margin-bottom--xl' : undefined}
diff --git a/packages/docusaurus-theme-classic/src/theme/Seo/index.tsx b/packages/docusaurus-theme-classic/src/theme/Seo/index.tsx
index edbef6bc55..5662c6b201 100644
--- a/packages/docusaurus-theme-classic/src/theme/Seo/index.tsx
+++ b/packages/docusaurus-theme-classic/src/theme/Seo/index.tsx
@@ -17,7 +17,7 @@ export default function Seo({
   description,
   keywords,
   image,
-  metaTags,
+  children,
 }: Props): JSX.Element {
   const {image: defaultImage} = useThemeConfig();
   const pageTitle = useTitleFormatter(title);
@@ -28,11 +28,6 @@ export default function Seo({
       {title && <title>{pageTitle}</title>}
       {title && <meta property="og:title" content={pageTitle} />}
 
-      {metaTags &&
-        Object.entries(metaTags).map(([property, content]) => (
-          <meta key={property} property={property} content={content} />
-        ))}
-
       {description && <meta name="description" content={description} />}
       {description && <meta property="og:description" content={description} />}
 
@@ -47,6 +42,7 @@ export default function Seo({
 
       {pageImage && <meta property="og:image" content={pageImage} />}
       {pageImage && <meta name="twitter:image" content={pageImage} />}
+      {children}
     </Head>
   );
 }