feat: SSR support update for Screen plugin

Author: rstoenescu

src/body.js

@@ -1,6 +1,7 @@
 import { ready } from './utils/dom'
 import { setBrand } from './utils/colors'
 import { isSSR } from './plugins/platform'
+import { $q, queues } from './install'
 
 function getBodyClasses ({ is, has, within }, cfg) {
   const cls = [
@@ -53,7 +54,7 @@ function setColors (brand) {
 }
 
 export default {
-  install ({ $q, cfg, queues }) {
+  install ({ cfg }) {
     if (isSSR) {
       queues.server.push((q, ctx) => {
         const update = ctx.ssr.setBodyClasses

src/history.js

@@ -1,11 +1,12 @@
 import { isSSR } from './plugins/platform'
+import { $q } from './install'
 
 export default {
   __history: [],
   add: () => {},
   remove: () => {},
 
-  install ({ $q, cfg }) {
+  install ({ cfg }) {
     if (isSSR || !$q.platform.is.cordova) {
       return
     }

src/i18n.js

@@ -1,9 +1,10 @@
 import langEn from '../i18n/en-us'
 import { isSSR } from './plugins/platform'
 import { ready } from './utils/dom'
+import { $q, queues } from './install'
 
 export default {
-  install ({ $q, Vue, queues, lang }) {
+  install ({ Vue, lang }) {
     if (isSSR) {
       queues.server.push((q, ctx) => {
         const fn = ctx.ssr.setHtmlAttrs

src/icons.js

@@ -1,9 +1,10 @@
 import { isSSR } from './plugins/platform'
+import { $q } from './install'
 import materialIcons from '../icons/material-icons'
 
 export default {
   __installed: false,
-  install ({ $q, Vue, iconSet }) {
+  install ({ Vue, iconSet }) {
     this.set = (iconDef = materialIcons) => {
       iconDef.set = this.set
 

src/install.js

@@ -23,11 +23,11 @@ export default function (Vue, opts = {}) {
   const cfg = opts.config || {}
 
   // required plugins
-  Platform.install({ $q, Vue, queues })
-  Body.install({ $q, queues, cfg })
-  History.install({ $q, cfg })
-  I18n.install({ $q, Vue, queues, cfg, lang: opts.i18n })
-  Icons.install({ $q, Vue, queues, iconSet: opts.iconSet })
+  Platform.install({ Vue })
+  Body.install({ cfg })
+  History.install({ cfg })
+  I18n.install({ Vue, cfg, lang: opts.i18n })
+  Icons.install({ Vue, iconSet: opts.iconSet })
 
   if (isSSR) {
     Vue.mixin({
@@ -59,10 +59,11 @@ export default function (Vue, opts = {}) {
   }
 
   if (opts.plugins) {
+    const param = { Vue, cfg }
     Object.keys(opts.plugins).forEach(key => {
       const p = opts.plugins[key]
       if (typeof p.install === 'function' && p !== Platform) {
-        p.install({ $q, Vue, queues, cfg })
+        p.install(param)
       }
     })
   }

src/plugins/action-sheet.js

@@ -1,8 +1,9 @@
 import { QActionSheet } from '../components/action-sheet'
 import modalFn from '../utils/modal-fn'
+import { $q } from '../install'
 
 export default {
-  install ({ $q, Vue }) {
+  install ({ Vue }) {
     this.create = $q.actionSheet = modalFn(QActionSheet, Vue)
   }
 }

src/plugins/addressbar-color.js

@@ -1,6 +1,7 @@
 import Platform, { isSSR } from './platform'
 import { ready } from '../utils/dom'
 import { getBrand } from '../utils/colors'
+import { $q } from '../install'
 
 let metaValue
 
@@ -46,7 +47,7 @@ function setColor (hexColor) {
 }
 
 export default {
-  install ({ $q, Vue }) {
+  install ({ Vue }) {
     this.set = !isSSR && Platform.is.mobile && (
       Platform.is.cordova ||
       Platform.is.winphone || Platform.is.safari ||

src/plugins/app-fullscreen.js

@@ -1,4 +1,5 @@
 import { isSSR } from './platform'
+import { $q } from '../install'
 
 const prefixes = {}
 
@@ -26,7 +27,7 @@ export default {
     }
   },
 
-  install ({ $q, Vue }) {
+  install ({ Vue }) {
     $q.fullscreen = this
 
     if (isSSR) { return }

src/plugins/app-visibility.js

@@ -1,9 +1,10 @@
 import { isSSR } from './platform'
+import { $q } from '../install'
 
 export default {
   appVisible: false,
 
-  install ({ $q, Vue }) {
+  install ({ Vue }) {
     if (isSSR) {
       this.appVisible = $q.appVisible = true
       return

src/plugins/cookies.js

@@ -1,4 +1,5 @@
 import { isSSR } from './platform'
+import { $q, queues } from '../install'
 
 function encode (string) {
   return encodeURIComponent(string)
@@ -139,7 +140,7 @@ export function getObject (ctx = {}) {
 }
 
 export default {
-  install ({ $q, queues }) {
+  install () {
     if (isSSR) {
       queues.server.push((q, ctx) => {
         q.cookies = getObject(ctx)