🎉 🚀 release: v2.1.21

Author: hoanguyen

dist/assets/index.ecfcf61f.js dist/assets/index.6be3af40.jsdist/assets/index.ecfcf61f.js renamed to dist/assets/index.6be3af40.js

@@ -4,7 +4,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Vue Concise Carousel is SSR and CSR friendly</title>
-<script type="module" crossorigin src="/assets/index.ecfcf61f.js"></script>
+<script type="module" crossorigin src="/assets/index.6be3af40.js"></script>
   <link rel="modulepreload" href="/assets/vendor.be2f6b78.js">
   <link rel="stylesheet" href="/assets/index.38e53d8b.css">
 </head>

dist/index.html

@@ -1,6 +1,6 @@
 {
   "name": "@jambonn/vue-concise-carousel",
-  "version": "2.1.20",
+  "version": "2.1.21",
   "description": "Vue Concise Carousel is SSR and CSR friendly",
   "keywords": [
     "vue",

package.json

@@ -1000,7 +1000,8 @@ export default {
       if ((isTouch && props.touchDrag) || props.mouseDrag) {
         vueCarouselWrapper.value.addEventListener(
           isTouch ? 'touchstart' : 'mousedown',
-          onStart
+          onStart,
+          { passive: true }
         );
       }
 
@@ -1011,14 +1012,12 @@ export default {
       transitionstart.value = getTransitionStart();
       vueCarouselInner.value.addEventListener(
         transitionstart.value,
-        handleTransitionStart,
-        true
+        handleTransitionStart
       );
       transitionend.value = getTransitionEnd();
       vueCarouselInner.value.addEventListener(
         transitionend.value,
-        handleTransitionEnd,
-        true
+        handleTransitionEnd
       );
 
       ctx.emit('mounted');
@@ -1050,17 +1049,16 @@ export default {
       window.removeEventListener('resize', getBrowserWidth);
       vueCarouselInner.value.removeEventListener(
         transitionstart.value,
-        handleTransitionStart,
-        true
+        handleTransitionStart
       );
       vueCarouselInner.value.removeEventListener(
         transitionend.value,
-        handleTransitionEnd,
-        true
+        handleTransitionEnd
       );
       vueCarouselWrapper.value.removeEventListener(
         isTouch ? 'touchstart' : 'mousedown',
-        onStart
+        onStart,
+        true
       );
     });
 

src/Carousel.vue

@@ -58,7 +58,8 @@ export default {
         );
         vueCarouselSlide.value.addEventListener(
           carousel.isTouch ? 'touchend' : 'mouseup',
-          onTouchEnd
+          onTouchEnd,
+          true
         );
       });
     });
@@ -68,7 +69,8 @@ export default {
       );
       vueCarouselSlide.value.removeEventListener(
         carousel.isTouch ? 'touchend' : 'mouseup',
-        onTouchEnd
+        onTouchEnd,
+        true
       );
     });