#update watch for dynamic slides

Wlada · Jun 14, 2017 · ccfd31f · ccfd31f
1 parent dd38c6c
commit ccfd31f
Show file tree

Hide file tree

Showing 10 changed files with 18 additions and 13 deletions.
diff --git a/dist-play/js/app.bacb1fd2.js.map b/dist-play/js/app.bacb1fd2.js.map
diff --git a/dist-play/js/preview.b8e02513.js → dist-play/js/preview.1ac6f164.js b/dist-play/js/preview.b8e02513.js → dist-play/js/preview.1ac6f164.js
diff --git a/dist-play/js/preview.1ac6f164.js.map b/dist-play/js/preview.1ac6f164.js.map
diff --git a/dist-play/js/preview.b8e02513.js.map b/dist-play/js/preview.b8e02513.js.map
diff --git a/dist-play/preview.html b/dist-play/preview.html
@@ -8,5 +8,5 @@
   <link href="./css/preview.64dedb9e.css" rel="stylesheet"></head>
   <body>
     <div id="app"></div>
-  <script type="text/javascript" src="./js/preview.b8e02513.js"></script></body>
+  <script type="text/javascript" src="./js/preview.1ac6f164.js"></script></body>
 </html>
diff --git a/dist/vue-carousel-3d.min.js b/dist/vue-carousel-3d.min.js
diff --git a/docs/themes/vue/source/js/vue-carousel-3d.min.js b/docs/themes/vue/source/js/vue-carousel-3d.min.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-carousel-3d",
-  "version": "0.1.14",
+  "version": "0.1.15",
   "description": "Beautiful, flexible and touch supported 3D Carousel for Vue.js",
   "main": "dist/vue-carousel-3d.min.js",
   "scripts": {

diff --git a/play/index.js b/play/index.js
@@ -224,7 +224,7 @@ play('Carousel3d', module)
 
     .add("add/remove slides", {
         template: `<div>
-            <carousel-3d :slides="slideCount">
+            <carousel-3d :count="slideCount">
                 <slide v-for="(slide, i) in slideCount" :index="i">
                     <h1>Slide {{slide}}</h1>
                 </slide>

diff --git a/src/Carousel3d.vue b/src/Carousel3d.vue
@@ -106,6 +106,11 @@
         mixins: [
             autoplay
         ],
+        watch: {
+            count () {
+                this.computeData()
+            }
+        },
         computed: {
             isLastSlide () {
                 return this.currentIndex === this.total - 1