feat: Plan Meta Quasar plugin takeover from SSR

angelomedeiros · Jul 14, 2018 · 9062194 · 9062194
1 parent dfcfef6
commit 9062194
Showing 1 changed file with 32 additions and 26 deletions.
diff --git a/src/plugins/meta.js b/src/plugins/meta.js
@@ -1,6 +1,8 @@
-import { isSSR } from './platform.js'
+import { isSSR, fromSSR } from './platform.js'
 import extend from '../utils/extend.js'
 
+let updateId, ssrTakeover
+
 function normalize (meta) {
   if (meta.title) {
     meta.title = meta.titleTemplate
@@ -137,6 +139,13 @@ function parseMeta (component, meta) {
 }
 
 function updateClient () {
+  if (ssrTakeover) {
+    ssrTakeover = false
+    this.$root.__currentMeta = window.__Q_META__
+    document.querySelector('script[data-qmeta-init]').remove()
+    return
+  }
+
   const meta = {
     title: '',
     titleTemplate: null,
@@ -152,20 +161,6 @@ function updateClient () {
   this.$root.__currentMeta = meta
 }
 
-function beforeCreate () {
-  if (this.$options.meta) {
-    if (typeof this.$options.meta === 'function') {
-      if (!this.$options.computed) {
-        this.$options.computed = {}
-      }
-      this.$options.computed.__qMeta = this.$options.meta
-    }
-    else {
-      this.__qMeta = this.$options.meta
-    }
-  }
-}
-
 function getAttr (seed) {
   return att => {
     const val = seed[att]
@@ -216,11 +211,27 @@ function getServerMeta (app) {
       .join(' '),
     '%% Q_BODY_TAGS %%': Object.keys(meta.noscripts)
       .map(name => `<noscript data-qmeta="${name}">${meta.noscripts[name]}</noscript>`)
-      .join('')
+      .join('') + `<script data-qmeta-init>window.__Q_META__=${JSON.stringify(meta)}</script>`
   }
 }
 
-let updateId
+function beforeCreate () {
+  if (this.$options.meta) {
+    if (typeof this.$options.meta === 'function') {
+      if (!this.$options.computed) {
+        this.$options.computed = {}
+      }
+      this.$options.computed.__qMeta = this.$options.meta
+    }
+    else {
+      this.__qMeta = this.$options.meta
+    }
+  }
+}
+
+function triggerMeta () {
+  this.$options.meta && this.__qMetaUpdate()
+}
 
 export default {
   install ({ Vue }) {
@@ -229,22 +240,17 @@ export default {
       Vue.mixin({ beforeCreate })
     }
     else {
+      ssrTakeover = fromSSR
       Vue.mixin({
         beforeCreate,
         created () {
           if (this.$options.meta) {
             this.__qMetaUnwatch = this.$watch('__qMeta', this.__qMetaUpdate)
           }
         },
-        activated () {
-          this.$options.meta && this.__qMetaUpdate()
-        },
-        deactivated () {
-          this.$options.meta && this.__qMetaUpdate()
-        },
-        beforeMount () {
-          this.$options.meta && this.__qMetaUpdate()
-        },
+        activated: triggerMeta,
+        deactivated: triggerMeta,
+        beforeMount: triggerMeta,
         destroyed () {
           if (this.$options.meta) {
             this.__qMetaUnwatch()