add directive for swiper