title: Use videojs-vr in Vuejs component
body: <p>I am trying to use the <a href="https://www.npmjs.com/package/videojs-vr" rel="nofollow noreferrer">videojs-vr</a>, which I install via npm, in a Vuejs component.  And got an error:</p>
  
  <pre><code>TypeError: videojs is not a function
  at VueComponent.mounted (VR.vue?d2da:23)
  at callHook (vue.esm.js?65d7:2701)
  at Object.insert (vue.esm.js?65d7:3588)
  at invokeInsertHook (vue.esm.js?65d7:5541)
  at VueComponent.patch [as __patch__] (vue.esm.js?65d7:5744)
  at VueComponent.Vue._update (vue.esm.js?65d7:2460)
  </code></pre>
  
  <p>I tried, to <em>import</em> or <em>require</em> the library. There must be something wrong with the way I use the npm library.  Please help.</p>
  
  <pre><code>&lt;template&gt;
    &lt;div class="videojs-vr" style="width: 100%; height:100%;"&gt;
      &lt;video id="videojs-vr-player" class="video-js vjs-default-skin" controls&gt;
        &lt;source src="./static/videos/sample.mp4" type="video/mp4"&gt;
      &lt;/video&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
  var videojs = require('videojs-vr');
  // import videojs from 'videojs-vr';
  
  export default {
    name: 'videojs-vr',
    mounted() {
      var player = videojs('videojs-vr-player');
      player.mediainfo = player.mediainfo || {};
      player.mediainfo.projection = '360';
      // AUTO is the default and looks at mediainfo
      player.vr({projection: 'AUTO', debug: true, forceCardboard: false});
    },   
  };
  &lt;/script&gt;
  </code></pre>