title: Error while moving component from application to a library
body: <p>I am having troubles while creating a library of components in top of Vuetify 2.x.</p>
  
  <p>I have created a simple navigation-drawer wrapper:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
      &lt;v-navigation-drawer app v-model="drawer"&gt;
          &lt;v-list-item&gt;
              &lt;v-list-item-content&gt;
                  &lt;v-list-item-title class="title"&gt;
                      Application
                  &lt;/v-list-item-title&gt;
                  &lt;v-list-item-subtitle&gt;
                      subtext
                  &lt;/v-list-item-subtitle&gt;
              &lt;/v-list-item-content&gt;
          &lt;/v-list-item&gt;
      &lt;/v-navigation-drawer&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
      name: 'MySidebar',
      data: () =&gt; ({
          drawer: null,
      }),
  };
  &lt;/script&gt;
  </code></pre>
  
  <p>When this component is placed inside my application, it works as expected. However, when the same component is on a library, the application crashes.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
      &lt;v-app&gt;
          &lt;my-sidebar/&gt;
      &lt;/v-app&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import MySidebar from 'my-library/src/components/MySidebar.vue'; // Error
  import MySidebar from './src/components/MySidebar.vue'; // Works
  
  export default {
      name: 'App',
      components: {
          MySidebar,
      },
  };
  &lt;/script&gt;
  </code></pre>
  
  <p>On the first import, the application fails to get the <code>this.$vuetify</code> object, but when I <code>console.log(this.$vuetify)</code>, it is there.</p>
  
  <p>Some of the console messages:</p>
  
  <pre><code>TypeError: Cannot read property 'breakpoint' of undefined
      at VueComponent.isMobile (VNavigationDrawer.ts?6ca0:193)
      at Watcher.get (vue.runtime.esm.js?f9ee:4473)
      ...
  
  [Vue warn]: Error in getter for watcher "isMobile": "TypeError: Cannot read property 'breakpoint' of undefined"
  
  found in
  
  ---&gt; &lt;VNavigationDrawer&gt;
         &lt;MySidebar&gt; at my-library/src/components/MySidebar.vue
           &lt;VApp&gt;
             &lt;App&gt; at src/App.vue
               &lt;Root&gt;
  ...
  
  TypeError: Cannot read property 'breakpoint' of undefined
      at VueComponent.isMobile (VNavigationDrawer.ts?6ca0:193)
      at Watcher.get (vue.runtime.esm.js?f9ee:4473)
      ...
  
  [Vue warn]: Error in created hook: "TypeError: Cannot read property 'application' of undefined"
  
  found in
  
  ---&gt; &lt;VNavigationDrawer&gt;
         &lt;MySidebar&gt; at my-library/src/components/MySidebar.vue
           &lt;VApp&gt;
             &lt;App&gt; at src/App.vue
               &lt;Root&gt;
  </code></pre>
  
  <p><strong>Additional Information:</strong></p>
  
  <ul>
  <li>My Library has vuetify as dev dependency for development proposes</li>
  <li>I am using the library via <code>npm link</code></li>
  </ul>