chore(docs): add head meta and link tags to master branch (#5224)

tmorehouse · web-flow · commit 8e80fe7a1597 · 2020-04-22T18:53:06.000-03:00
diff --git a/docs/constants.js b/docs/constants.js
@@ -0,0 +1,15 @@
+export const BASE_URL = 'https://bootstrap-vue.org'
+export const BASE_URL_DEV = 'https://dev.bootstrap-vue.org'
+export const NETLIFY_URL = 'https://bootstrap-vue.netlify.app'
+
+export const GA_TRACKING_ID = 'UA-89526435-1'
+
+export const TWITTER_HANDLE = '@BootstrapVue'
+
+// --- Google Webmaster tools google-site-verification codes ---
+// bootstrap-vue.js.org
+// <meta name="google-site-verification" content="H9Mn7ie5Z5KJSjRfsn9nilLn5kFgn7BMEqL_sUhVpzg" />
+export const GWT_JS_ORG = 'H9Mn7ie5Z5KJSjRfsn9nilLn5kFgn7BMEqL_sUhVpzg'
+// *.bootstrap-vue.org
+// <meta name="google-site-verification" content="5E0vyG9CXTfY7McIt2aQppkNA6FQ3b0JJRZzhQ16HW4" />
+export const GWT_BV_ORG = '5E0vyG9CXTfY7McIt2aQppkNA6FQ3b0JJRZzhQ16HW4'
diff --git a/docs/layouts/default.js b/docs/layouts/default.js
@@ -1,8 +1,39 @@
+import { BASE_URL, GWT_BV_ORG, GWT_JS_ORG } from '~/constants'
 import Footer from '~/components/footer'
 import Header from '~/components/header'
 
 export default {
   name: 'BVDefaultLayout',
-  functional: true,
-  render: h => [h(Header), h('nuxt'), h(Footer)]
+  render(h) {
+    return h('div', [h(Header), h('nuxt'), h(Footer)])
+  },
+  head() {
+    // Add canonical URL so all site variations are
+    // indexed to the same primary URL
+    return {
+      link: [
+        // Add canonical URL so all site variations are
+        // indexed to the same primary URL
+        {
+          hid: 'canonical',
+          rel: 'canonical',
+          href: `${BASE_URL}${this.$route.path}`
+        }
+      ],
+      meta: [
+        // Add GWT site verification for *.bootstrap-vue.org
+        {
+          hid: 'google-site-verification-bv-org',
+          name: 'google-site-verification',
+          content: GWT_BV_ORG
+        },
+        // Add GWT site verification for bootstrap-vue.js.org
+        {
+          hid: 'google-site-verification-js-org',
+          name: 'google-site-verification',
+          content: GWT_JS_ORG
+        }
+      ]
+    }
+  }
 }
diff --git a/docs/layouts/docs.js b/docs/layouts/docs.js
@@ -1,3 +1,4 @@
+import { BASE_URL, GWT_BV_ORG, GWT_JS_ORG } from '~/constants'
 import BVBreadcrumbs from '~/components/breadcrumbs'
 import BVFeedback from '~/components/feedback'
 import BVFooter from '~/components/footer'
@@ -73,5 +74,32 @@ export default {
     const $footer = h(BVFooter, { props: { isDocs: true } })
 
     return h('div', [$header, $container, $footer])
+  },
+  head() {
+    return {
+      link: [
+        // Add canonical URL so all site variations are
+        // indexed to the same primary URL
+        {
+          hid: 'canonical',
+          rel: 'canonical',
+          href: `${BASE_URL}${this.$route.path}`
+        }
+      ],
+      meta: [
+        // Add GWT site verification for *.bootstrap-vue.org
+        {
+          hid: 'google-site-verification-bv-org',
+          name: 'google-site-verification',
+          content: GWT_BV_ORG
+        },
+        // Add GWT site verification for bootstrap-vue.js.org
+        {
+          hid: 'google-site-verification-js-org',
+          name: 'google-site-verification',
+          content: GWT_JS_ORG
+        }
+      ]
+    }
   }
 }
