Merge pull request #46 from pexea12/fix-hammer-container

Fix hammer container

Author: pexea12

dist/vue-image-lightbox.min.js

@@ -1,7 +1,7 @@
 {
   "name": "vue-image-lightbox",
   "description": "A Vue.js package to display an image gallery lightbox",
-  "version": "6.0.0",
+  "version": "6.0.1",
   "author": "Nguyen Thien Dzung <[email protected]>",
   "license": "MIT",
   "main": "dist/vue-image-lightbox.min.js",
@@ -51,9 +51,9 @@
     "uglifyjs-webpack-plugin": "^1.2.5",
     "url-loader": "^1.0.1",
     "vue": "^2.5.16",
-    "vue-loader": "^15.2.4",
+    "vue-loader": "^15.3.0",
     "vue-template-compiler": "^2.5.16",
-    "webpack": "^4.12.0",
+    "webpack": "^4.16.5",
     "webpack-cli": "^3.0.8",
     "webpack-dev-server": "^3.1.4"
   }

dist/vue-image-lightbox.min.js.map

@@ -135,15 +135,17 @@ export default {
 
     this.onToggleLightBox(this.lightBoxOn)
 
-    const hammer = new Hammer(this.$refs.container)
+    if (this.$refs.container) {
+      const hammer = new Hammer(this.$refs.container)
 
-    hammer.on('swiperight', () => {
-      this.previousImage()
-    })
+      hammer.on('swiperight', () => {
+        this.previousImage()
+      })
 
-    hammer.on('swipeleft', () => {
-      this.nextImage()
-    })
+      hammer.on('swipeleft', () => {
+        this.nextImage()
+      })
+    }
   },
 
   methods: {