added reset method to gallery component

demo/gallery/app.vue

@@ -1,11 +1,13 @@
 <template>
   <div style="padding: 0px;">
     <v-zoomer-gallery
-      style="width: 100vw; height: calc(100vh - 29px);"
+      ref="gallery"
+      style="width: 100vw; height: calc(100vh - 32px);"
       :list="urlImageList"
       v-model="selIndex"
     ></v-zoomer-gallery>
-    <div style="padding: 4px;">
+    <div style="box-sizing: border-box; height: 32px; padding: 4px;">
+      <button @click="$refs.gallery.reset()">reset</button>
       <button
         :disabled="selIndex === 0"
         @click="selIndex -= 1"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-zoomer",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "description": "Zoom the image or other thing with mouse or touch",
   "main": "dist/vue-zoomer.js",
   "scripts": {

src/vue-zoomer-gallery.vue

@@ -18,6 +18,7 @@
   >
     <v-zoomer
       v-for="(n, i) in 3"
+      ref="zoomers"
       :key="i + selIndex"
       :class="['left', 'middle', 'right'][i]"
       class="slide"
@@ -100,6 +101,12 @@ export default {
     window.removeEventListener('resize', this.onWindowResize)
   },
   methods: {
+    // api
+    reset () {
+      this.$refs.zoomers.forEach(zoomer => {
+        zoomer.reset()
+      })
+    },
     // reactive
     onWindowResize () {
       let styles = window.getComputedStyle(this.$el)