title: How install masonry-layout on VUE component
body: <p>I just installed the  <strong><a href="https://masonry.desandro.com/" rel="nofollow noreferrer">masonry-layout</a></strong> by npm but I'm not able to load it in my component.</p>
  
  <pre><code>import  "masonry-layout";
  
    export default {
      name: "playerSkillComponent",
  
      props: ['player'],
  
      mounted: function () {
  
          // initialization of masonry
  
          var grid = document.querySelector('.masonry-grid');
          var msnry = new Masonry( grid, {
              // options...
              columnWidth: '.masonry-grid-sizer',
              itemSelector: '.masonry-grid-item',
              percentPosition: true
          });
       }
   }
  </code></pre>
  
  <p>this is the error I got:</p>
  
  <blockquote>
    <p>[Vue warn]: Error in mounted hook: "ReferenceError: Masonry is not defined"</p>
  </blockquote>