title: This in a Quasar project and node module not able to access this.$q
body: <p>I'm having trouble accessing Quasar's <code>this.$q</code> in a node module and using it as a <code>boot</code> plugin in the Quasar CLI.</p>
  <p>I have a component where I start my QLayout where I can access <code>this.$q</code> when I put a console.log(this.$q) in the created part of that component I can access the information. But receive various errors of QLayout not being able to access that same information.</p>
  <pre><code>Vue warn]: Error in data(): &quot;TypeError: Cannot read property 'screen' of undefined&quot;
  
  found in
  
  ---&gt; &lt;QLayout&gt;
         &lt;DlLayoutMenu&gt; at node_modules/frontend-modules/src/components/system/components/DlLayoutMenu.vue
           &lt;App&gt; at src/App.vue
             &lt;Root&gt;
  vue.runtime.esm.js?794d:1888 TypeError: Cannot read property 'screen' of undefined
      at VueComponent.data (QLayout.js?2d21:37)
      at VueComponent.mergedDataFn (vue.runtime.esm.js?794d:1219)
      at getData (vue.runtime.esm.js?794d:4748)
      at initData (vue.runtime.esm.js?794d:4705)
      at initState (vue.runtime.esm.js?794d:4642)
      at VueComponent.Vue._init (vue.runtime.esm.js?794d:5006)
      at new VueComponent (vue.runtime.esm.js?794d:5154)
      at createComponentInstanceForVnode (vue.runtime.esm.js?5593:3283)
      at init (vue.runtime.esm.js?5593:3114)
      at createComponent (vue.runtime.esm.js?5593:5978)
  </code></pre>
  <p>So I put a debugger on line <code>35</code> in <code>QLayout.js</code> and debug manually what the this object has but it's totally different and does not contain the key <code>$q</code>.</p>