From ca5722cfc28b84d1990cbff29342ee96e60922f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?M=C3=A9ril=20Pilon?= <meril.pilon@gmail.com>
Date: Wed, 9 Dec 2020 15:47:20 +0000
Subject: [PATCH] fix(v2): correct typo in metas generated for Twitter cards

The Open Graph protocol format is the following:

```
<meta property="og:image" content="https://example.com/image.png />
```

Twitter metas, however, are structured in a different format:

```
<meta name="twitter:image" content="https://example.com/image.png />
```

They are similar but not identical, I think this led to confusion and
the typo we have in the codebase.
---
 .../docusaurus-theme-bootstrap/src/theme/DebugLayout/index.tsx  | 2 +-
 packages/docusaurus-theme-bootstrap/src/theme/DocItem/index.tsx | 2 +-
 packages/docusaurus-theme-bootstrap/src/theme/Layout/index.tsx  | 2 +-
 .../docusaurus-theme-classic/src/theme/BlogPostItem/index.tsx   | 2 +-
 packages/docusaurus-theme-classic/src/theme/DocItem/index.tsx   | 2 +-
 .../docusaurus-theme-classic/src/theme/LayoutHead/index.tsx     | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/docusaurus-theme-bootstrap/src/theme/DebugLayout/index.tsx b/packages/docusaurus-theme-bootstrap/src/theme/DebugLayout/index.tsx
index 58d650e649a9..78b3736b17a7 100644
--- a/packages/docusaurus-theme-bootstrap/src/theme/DebugLayout/index.tsx
+++ b/packages/docusaurus-theme-bootstrap/src/theme/DebugLayout/index.tsx
@@ -58,7 +58,7 @@ function Layout(props: Props): JSX.Element {
           <meta name="keywords" content={keywords.join(',')} />
         )}
         {metaImage && <meta property="og:image" content={metaImageUrl} />}
-        {metaImage && <meta property="twitter:image" content={metaImageUrl} />}
+        {metaImage && <meta name="twitter:image" content={metaImageUrl} />}
         {metaImage && (
           <meta name="twitter:image:alt" content={`Image for ${metaTitle}`} />
         )}
diff --git a/packages/docusaurus-theme-bootstrap/src/theme/DocItem/index.tsx b/packages/docusaurus-theme-bootstrap/src/theme/DocItem/index.tsx
index 431a13a76d7f..928e1527e58d 100644
--- a/packages/docusaurus-theme-bootstrap/src/theme/DocItem/index.tsx
+++ b/packages/docusaurus-theme-bootstrap/src/theme/DocItem/index.tsx
@@ -43,7 +43,7 @@ function DocItem(props: Props): JSX.Element {
           <meta name="keywords" content={keywords.join(',')} />
         )}
         {metaImage && <meta property="og:image" content={metaImageUrl} />}
-        {metaImage && <meta property="twitter:image" content={metaImageUrl} />}
+        {metaImage && <meta name="twitter:image" content={metaImageUrl} />}
         {metaImage && (
           <meta name="twitter:image:alt" content={`Image for ${title}`} />
         )}
diff --git a/packages/docusaurus-theme-bootstrap/src/theme/Layout/index.tsx b/packages/docusaurus-theme-bootstrap/src/theme/Layout/index.tsx
index 0f96ef5b430f..1cc6c68632b5 100644
--- a/packages/docusaurus-theme-bootstrap/src/theme/Layout/index.tsx
+++ b/packages/docusaurus-theme-bootstrap/src/theme/Layout/index.tsx
@@ -59,7 +59,7 @@ function Layout(props: Props): JSX.Element {
           <meta name="keywords" content={keywords.join(',')} />
         )}
         {metaImage && <meta property="og:image" content={metaImageUrl} />}
-        {metaImage && <meta property="twitter:image" content={metaImageUrl} />}
+        {metaImage && <meta name="twitter:image" content={metaImageUrl} />}
         {metaImage && (
           <meta name="twitter:image:alt" content={`Image for ${metaTitle}`} />
         )}
diff --git a/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.tsx b/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.tsx
index a0706b281a90..b42d0d75385c 100644
--- a/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.tsx
+++ b/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.tsx
@@ -102,7 +102,7 @@ function BlogPostItem(props: Props): JSX.Element {
           <meta name="keywords" content={keywords.join(',')} />
         )}
         {image && <meta property="og:image" content={imageUrl} />}
-        {image && <meta property="twitter:image" content={imageUrl} />}
+        {image && <meta name="twitter:image" content={imageUrl} />}
         {image && (
           <meta name="twitter:image:alt" content={`Image for ${title}`} />
         )}
diff --git a/packages/docusaurus-theme-classic/src/theme/DocItem/index.tsx b/packages/docusaurus-theme-classic/src/theme/DocItem/index.tsx
index 080b8d4b5639..9d351ecad297 100644
--- a/packages/docusaurus-theme-classic/src/theme/DocItem/index.tsx
+++ b/packages/docusaurus-theme-classic/src/theme/DocItem/index.tsx
@@ -71,7 +71,7 @@ function DocItem(props: Props): JSX.Element {
           <meta name="keywords" content={keywords.join(',')} />
         )}
         {metaImage && <meta property="og:image" content={metaImageUrl} />}
-        {metaImage && <meta property="twitter:image" content={metaImageUrl} />}
+        {metaImage && <meta name="twitter:image" content={metaImageUrl} />}
         {metaImage && (
           <meta name="twitter:image:alt" content={`Image for ${title}`} />
         )}
diff --git a/packages/docusaurus-theme-classic/src/theme/LayoutHead/index.tsx b/packages/docusaurus-theme-classic/src/theme/LayoutHead/index.tsx
index 712a7e740f82..0fe78ae88e66 100644
--- a/packages/docusaurus-theme-classic/src/theme/LayoutHead/index.tsx
+++ b/packages/docusaurus-theme-classic/src/theme/LayoutHead/index.tsx
@@ -52,7 +52,7 @@ export default function LayoutHead(props: Props): JSX.Element {
           <meta name="keywords" content={keywords.join(',')} />
         )}
         {metaImage && <meta property="og:image" content={metaImageUrl} />}
-        {metaImage && <meta property="twitter:image" content={metaImageUrl} />}
+        {metaImage && <meta name="twitter:image" content={metaImageUrl} />}
         {metaImage && (
           <meta name="twitter:image:alt" content={`Image for ${metaTitle}`} />
         )}