How to initialize slick in modal window?

Question

JavaScript

I have a small product catalog - talog.supergift.top
When you click on the first card (image or button), a modal window opens with a vertical slick slider. But it does not work, as I understand it, the problem is in the initialization of the slider itself, how can this be fixed?
Here is the JS code:

methods: {
      selectProduct: function (product) {
              this.selectedProduct = product;
              // слайдер для продукции
        $(".product-slider").slick({
            slidesToShow: 1,
              slidesToScroll: 1,
              fade: true,
              arrows: false,
              asNavFor: ".product-slider-nav"
        });
        $(".product-slider-nav").slick({
            vertical: true,
              slidesToShow: 4,
              slidesToScroll: 1,
              arrows: false,
              asNavFor: ".product-slider",
              focusOnSelect: true
        });
          }
    }

it's on vue

Answer 1

window.addEventListener("click", function(event) {
});