✨ Auto set OGP URL using router.beforeEach hook

Picked this idea up from DOCC

Author: Brandon Pittman

gridsome.client.js

@@ -2,4 +2,12 @@ import ogp from './lib/ogp'
 
 export default function (Vue) {
   Vue.prototype.$ogp = ogp
+
+  router.beforeEach(to, from, next) {
+    head.meta.push({
+      property: 'og:url',
+      content: process.env.GRIDSOME_BASE_PATH + to.path,
+    })
+    next()
+  }
 }

lib/ogp.js

@@ -46,10 +46,6 @@ export default function ({
         content: appId ? appId : ''
       }
       : {},
-    {
-      property: 'og:url',
-      content: url ? url : (process.isClient ? window.location.href : '')
-    },
     {
       property: 'og:type',
       content: 'website'