v-slick/lib/index.js

A vue directive for slickjs

import Vue from "vue";
import $ from "jquery";
import slick from "slick-carousel/slick/slick.min";

var emit = function emit(vnode, name, data) {
    var handlers = vnode.data && vnode.data.on || vnode.componentOptions && vnode.componentOptions.listeners;

    if (handlers && handlers[name]) {
        handlers[name].fns(data);
    }
};

export default Vue.directive("slick", {
    inserted: function inserted(el, binding, vnode) {
        $(el).slick(binding.value);

        /* Events */
        $(el).on("afterChange", function (slick, currentSlide) {
            emit(vnode, "afterchange", currentSlide);
        });

        $(el).on("beforeChange", function (slick, currentSlide, nextSlide) {
            emit(vnode, "beforechange", { currentSlide: currentSlide, nextSlide: nextSlide });
        });

        $(el).on("breakpoint", function (event, slick, breakpoint) {
            emit(vnode, "onbreakpoint", { event: event, breakpoint: breakpoint });
        });

        $(el).on("destroy", function (event, slick) {
            emit(vnode, "ondestroy", event);
        });

        $(el).on("init", function (slick) {
            emit(vnode, "oninit", slick);
        });

        $(el).on("reInit", function (slick) {
            emit(vnode, "reinit", slick);
        });

        $(el).on("edge", function (slick, direction) {
            emit(vnode, "onedge", direction);
        });

        $(el).on("setPosition", function (slick) {
            emit(vnode, "setposition", slick);
        });

        $(el).on("swipe", function (slick, direction) {
            emit(vnode, "onswipe", direction);
        });

        $(el).on("lazyLoaded", function (event, slick, image, imageSource) {
            emit(vnode, "lazyloaded", { event: event, image: image, imageSource: imageSource });
        });

        $(el).on("lazyLoadError", function (slick, direction) {
            emit(vnode, "lazyloaderror", { event: event, image: image, imageSource: imageSource });
        });
    }
});