Merge pull request #76 from pexea12/feat-alt

Feat alt for image

Author: pexea12

README.md

@@ -270,6 +270,9 @@ The previous button on the thumbs list.
 #### nextThumb
 The next button on the thumbs list.
 
+#### customCaption
+The caption of the current image.
+
 ### Events
 
 - `onOpened(value)`: `true` to emit when the lightbox is opened and `false` when it is closed.
@@ -288,3 +291,6 @@ Most of the CSS belongs to [react-images](https://github.com/jossmac/react-image
 - [@jstr14](https://github.com/jstr14)
 - [@PedroBatista333](https://github.com/PedroBatista333)
 - [@vtalbot](https://github.com/vtalbot)
+- [@hasangilak](https://github.com/hasangilak)
+- [@neobutter](https://github.com/neobutter)
+- [@mudin](https://github.com/mudin)

build/webpack.base.conf.js

@@ -67,4 +67,4 @@ module.exports = {
       { from: 'src/vetur', to: 'vetur' }
     ])
   ],
-}
+}

build/webpack.prod.conf.js

@@ -29,8 +29,8 @@ config.plugins = (config.plugins || []).concat([
   new UglifyJSPlugin({
     sourceMap: true,
     uglifyOptions: {
+      warnings: false,
       compress: {
-        warnings: false,
         drop_debugger: true,
         drop_console: true,
         global_defs: {

package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-image-lightbox",
   "description": "A Vue.js package to display an image gallery lightbox",
-  "version": "6.3.1",
+  "version": "6.4.0",
   "author": "Nguyen Thien Dzung <[email protected]>",
   "license": "MIT",
   "main": "dist/vue-image-lightbox.min.js",
@@ -31,32 +31,32 @@
   },
   "homepage": "https://github.com/pexea12/vue-image-lightbox",
   "dependencies": {
-    "@babel/runtime": "^7.4.3",
-    "babel-loader": "^8.0.5",
+    "@babel/runtime": "^7.5.5",
+    "babel-loader": "^8.0.6",
     "hammerjs": "^2.0.8",
-    "vue-lazyload": "^1.2.6"
+    "vue-lazyload": "^1.3.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.4.3",
-    "@babel/plugin-transform-runtime": "^7.4.3",
-    "@babel/preset-env": "^7.4.3",
+    "@babel/core": "^7.5.5",
+    "@babel/plugin-transform-runtime": "^7.5.5",
+    "@babel/preset-env": "^7.5.5",
     "copy-webpack-plugin": "^5.0.4",
-    "css-loader": "2.1.1",
-    "eslint": "5.16.0",
-    "file-loader": "^1.1.11",
+    "css-loader": "3.2.0",
+    "eslint": "6.3.0",
+    "file-loader": "^4.2.0",
     "html-webpack-plugin": "^3.2.0",
-    "mini-css-extract-plugin": "^0.4.0",
-    "optimize-css-assets-webpack-plugin": "5.0.1",
-    "rimraf": "^2.6.2",
-    "style-loader": "^0.21.0",
-    "uglifyjs-webpack-plugin": "^1.2.5",
-    "url-loader": "^1.0.1",
-    "vue": "^2.5.22",
-    "vue-loader": "^15.3.0",
-    "vue-template-compiler": "^2.5.22",
-    "webpack": "^4.16.5",
-    "webpack-cli": "^3.0.8",
-    "webpack-dev-server": "^3.1.11"
+    "mini-css-extract-plugin": "^0.8.0",
+    "optimize-css-assets-webpack-plugin": "5.0.3",
+    "rimraf": "^3.0.0",
+    "style-loader": "^1.0.0",
+    "uglifyjs-webpack-plugin": "^2.2.0",
+    "url-loader": "^2.1.0",
+    "vue": "^2.6.10",
+    "vue-loader": "^15.7.1",
+    "vue-template-compiler": "^2.6.10",
+    "webpack": "^4.39.3",
+    "webpack-cli": "^3.3.7",
+    "webpack-dev-server": "^3.8.0"
   },
   "vetur": {
     "tags": "dist/vetur/tags.json",

src/components/template.html

@@ -37,10 +37,11 @@
             :src="images[select].src"
             :srcset="images[select].srcset || ''"
             class="vue-lb-modal-image"
+            :alt="images[select].caption"
           >
         </transition>
 
-        <slot name="custom-caption">
+        <slot name="customCaption">
           <div
             class="vue-lb-info"
             v-html="images[select].caption"
@@ -52,8 +53,8 @@
           <div class="vue-lb-footer-info"></div>
           <div class="vue-lb-footer-count">
             <slot name="footer"
-                  :current="select + 1"
-                  :total="images.length"
+              :current="select + 1"
+              :total="images.length"
             >
               {{ select + 1 }} / {{ images.length }}
             </slot>

src/vetur/attributes.json

@@ -63,4 +63,4 @@
         "description": "Text for the next thumb image button",
         "type": "string"
     }
-}
+}

src/vetur/tags.json

@@ -21,4 +21,4 @@
         "subtags": [],
         "description": "LightBox component"
     }
-}
+}