fix(meta): OG image on all pages (#2492)

Author: jaredcbaum

docs/index.md

@@ -2,7 +2,6 @@
 title: Introduction to Ionic
 sidebar_label: Overview
 slug: /
-image: /img/meta/open-graph.png
 hide_table_of_contents: true
 demoUrl: https://docs-demo.ionic.io/
 demoSourceUrl: https://github.com/ionic-team/docs-demo

docs/react.md

@@ -3,7 +3,6 @@ title: Ionic React
 sidebar_label: Overview
 hide_title: true
 hide_table_of_contents: true
-image: /img/meta/open-graph.png
 ---
 
 import PageStyles from '@components/page/react/PageStyles';

docusaurus.config.js

@@ -24,6 +24,7 @@ module.exports = {
   organizationName: 'ionic-team',
   projectName: 'ionic-docs',
   themeConfig: {
+    metadata: [{ name: 'og:image', content: 'https://ionicframework.com/docs/img/meta/open-graph.png' }],
     colorMode: {
       defaultMode: 'light',
     },

static/img/meta/open-graph.png

@@ -1,7 +1,6 @@
 ---
 sidebar_label: Overview
 slug: /
-image: /img/meta/open-graph.png
 title: Open-Source UI Toolkit to Create Your Own Mobile or Desktop Apps
 description: Ionic Framework is an open-source UI toolkit to create your own mobile and desktop apps using web technologies with integrations for popular frameworks.
 hide_table_of_contents: true

versioned_docs/version-v5/index.md

@@ -3,7 +3,6 @@ title: Ionic React
 sidebar_label: Overview
 hide_title: true
 hide_table_of_contents: true
-image: /img/meta/open-graph.png
 description: Ionic is the app platform for web developers. Build amazing mobile, web, and desktop apps all with one shared code base and open web standards
 ---