feat: SSR work on components

Author: rstoenescu

src/components/ajax-bar/QAjaxBar.js

@@ -190,14 +190,10 @@ export default {
     highjackAjax(this.start, this.stop)
   },
   beforeDestroy () {
-    if (!isSSR) {
-      clearTimeout(this.timer)
-      restoreAjax()
-    }
+    clearTimeout(this.timer)
+    restoreAjax()
   },
   render (h) {
-    if (isSSR) { return }
-
     return h('div', {
       staticClass: 'q-loading-bar shadow-4',
       'class': this.classes,

src/components/parallax/QParallax.js

@@ -110,7 +110,7 @@ export default {
       ])
     ])
   },
-  created () {
+  beforeMount () {
     this.__setPos = frameDebounce(this.__setPos)
   },
   mounted () {

src/components/tooltip/QTooltip.js

@@ -104,7 +104,7 @@ export default {
       ])
     ])
   },
-  created () {
+  beforeMount () {
     this.__debouncedUpdatePosition = debounce(() => {
       this.__updatePosition()
     }, 70)

src/mixins/fullscreen.js

@@ -50,7 +50,7 @@ export default {
       this.inFullscreen = false
     }
   },
-  created () {
+  beforeMount () {
     this.fullscreenFillerNode = document.createElement('span')
   },
   beforeDestroy () {

src/plugins/dialog.js

@@ -1,5 +1,4 @@
 import { QDialog } from '../components/dialog'
-import { isSSR } from './platform'
 import modalFn from '../utils/modal-fn'
 
 export default {
@@ -8,8 +7,6 @@ export default {
     if (this.__installed) { return }
     this.__installed = true
 
-    this.create = $q.dialog = isSSR
-      ? () => new Promise()
-      : modalFn(QDialog, Vue)
+    this.create = $q.dialog = modalFn(QDialog, Vue)
   }
 }

src/utils/modal-fn.js

@@ -1,9 +1,13 @@
+import { isSSR } from '../plugins/platform'
+
 export default function (Component, Vue) {
   return props => {
-    const node = document.createElement('div')
-    document.body.appendChild(node)
-
     return new Promise((resolve, reject) => {
+      if (isSSR) { return }
+
+      const node = document.createElement('div')
+      document.body.appendChild(node)
+
       const vm = new Vue({
         el: node,
         data () {