Как установить макет кладки на компонент VUE

Question

Я только что установил masonry-layout по npm, но я не могу загрузить его в свой компонент.

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
        });
     }
 }

это ошибка, которую я получил:

[Vue warn]: ошибка в подключенном хуке: «ReferenceError: масонство не определено»

Answer 1

Просто обновите первую строку (был тип):

import Masonry from "masonry-layout";