Reslove conflict

Author: hoanguyen

README.md

@@ -105,8 +105,8 @@ export default {
 ## Events
 | Event                     | Type    | Emitter  | Description                                                                                                                                                                                                                                                                           |
 |:--------------------------|:--------|:---------|:--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
-| `navigation-click`             |         | Carousel | Emits when the a navigation button is clicked, with the current direction (`backward` or `forward`)                                                                                                                                                                                                                     |
-| `pagination-click`             |         | Carousel | Emits when a pagination button is clicked, with the current `pageNumber`                                                                                                                                                                                                                        |
+| `navigation-click`             |         | Carousel | Emits when the a navigation button is clicked, with the current direction (`backward` or `forward`)                                                                                                                                                                              |
+| `pagination-click`             |         | Carousel | Emits when a pagination button is clicked, with the current `pageNumber`                                                                                                                                                                                                         |
 | `page-change`                 | Number  | Carousel | Emits with the current page number.                                                                                                                                                                                                                       |
 | `slide-click`                | Object  | Slide    | Emits with the *dataset* object of the selected element                        ··
 | `transition-start` | | Carousel | Emits when the transition end is reached                                                                                                                                                  |

dist/assets/index.46489582.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.46489582.js"></script>
+<script type="module" crossorigin src="/assets/index.d2c9bee6.js"></script>
   <link rel="modulepreload" href="/assets/vendor.e49d05b8.js">
   <link rel="stylesheet" href="/assets/index.38e53d8b.css">
 </head>

dist/assets/index.d2c9bee6.js

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

dist/index.html

@@ -652,12 +652,14 @@ export default {
      * @return {Number} Width of the carousel in pixels
      */
     const getCarouselWidth = () => {
-      const carouselInnerElements = vueConciseCarousel.value.getElementsByClassName(
-        'VueCarousel-inner',
-      )
-      for (let i = 0; i < carouselInnerElements.length; i++) {
-        if (carouselInnerElements[i].clientWidth > 0) {
-          carouselWidth.value = carouselInnerElements[i].clientWidth || 0
+      if (vueConciseCarousel.value) {
+        const carouselInnerElements = vueConciseCarousel.value.getElementsByClassName(
+          'VueCarousel-inner',
+        )
+        for (let i = 0; i < carouselInnerElements.length; i++) {
+          if (carouselInnerElements[i].clientWidth > 0) {
+            carouselWidth.value = carouselInnerElements[i].clientWidth || 0
+          }
         }
       }
       return carouselWidth.value
@@ -688,11 +690,13 @@ export default {
      * @return {Number} The number of slides
      */
     const getSlideCount = () => {
-      const carouselInnerElements = vueConciseCarousel.value.getElementsByClassName(
-        'VueCarousel-slide',
-      )
-      slotSlides.value = carouselInnerElements
-      slideCount.value = carouselInnerElements.length
+      if (vueConciseCarousel.value) {
+        const carouselInnerElements = vueConciseCarousel.value.getElementsByClassName(
+          'VueCarousel-slide',
+        )
+        slotSlides.value = carouselInnerElements
+        slideCount.value = carouselInnerElements.length
+      }
     }
     /**
      * Gets the slide at the specified index
@@ -995,7 +999,7 @@ export default {
         }
 
         if (props.keyboard) {
-          document.addEventListener('keydown', keyboardEventHandler, {
+          window.addEventListener('keydown', keyboardEventHandler, {
             passive: true,
           })
         }
@@ -1057,7 +1061,7 @@ export default {
         }
 
         if (props.keyboard) {
-          document.removeEventListener('keydown', keyboardEventHandler)
+          window.removeEventListener('keydown', keyboardEventHandler)
         }
       }
 
@@ -1093,6 +1097,7 @@ export default {
       isNavigationRequired,
       pageCount,
       slideCount,
+      currentPerPage,
       currentPage,
       canAdvanceForward,
       canAdvanceBackward,