Merge branch 'master' of github.com:pexea12/vue-image-lightbox

Author: pexea12

build/webpack.base.conf.js

@@ -1,6 +1,7 @@
 const path = require('path')
 const webpack = require('webpack')
 const VueLoaderPlugin = require('vue-loader/lib/plugin')
+const CopyWebpackPlugin = require('copy-webpack-plugin')
 
 
 module.exports = {
@@ -61,5 +62,9 @@ module.exports = {
     new webpack.DefinePlugin({
       'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
     }),
+
+    new CopyWebpackPlugin([
+      { from: 'src/vetur', to: 'vetur' }
+    ])
   ],
 }

package.json

@@ -40,6 +40,7 @@
     "@babel/core": "^7.4.3",
     "@babel/plugin-transform-runtime": "^7.4.3",
     "@babel/preset-env": "^7.4.3",
+    "copy-webpack-plugin": "^5.0.4",
     "css-loader": "2.1.1",
     "eslint": "5.16.0",
     "file-loader": "^1.1.11",
@@ -56,5 +57,9 @@
     "webpack": "^4.16.5",
     "webpack-cli": "^3.0.8",
     "webpack-dev-server": "^3.1.11"
+  },
+  "vetur": {
+    "tags": "dist/vetur/tags.json",
+    "attributes": "dist/vetur/attributes.json"
   }
 }

src/vetur/attributes.json

@@ -0,0 +1,66 @@
+{
+    "lightbox/images": {
+        "description": "Image array to display",
+        "type": "array"
+    },
+    "lightbox/showLightBox": {
+        "description": "Whether to show lightbox or not at the beginning",
+        "type": "boolean"
+    },
+    "lightbox/startAt": {
+        "description": "Index of the image that you want to start at",
+        "type": "number"
+    },
+    "lightbox/nThumbs": {
+        "description": "Number of thumbnail images",
+        "type": "number"
+    },
+    "lightbox/showThumbs": {
+        "description": "Whether to show thumbnails or not",
+        "type": "boolean"
+    },
+    "lightbox/autoPlay": {
+        "description": "Move to next image automatically",
+        "type": "boolean"
+    },
+    "lightbox/autoPlayTime": {
+        "description": "Time to stop at an image before move on to next image",
+        "type": "number"
+    },
+    "lightbox/siteLoading": {
+        "description": "default image when your image is error or loading",
+        "type": "string"
+    },
+    "lightbox/showCaption": {
+        "description": "Whether to show caption or not",
+        "type": "boolean"
+    },
+    "lightbox/disableScroll": {
+        "description": "set to `true` to avoid scrolling views behind lightbox",
+        "type": "boolean"
+    },
+    "lightbox/lengthToLoadMore": {
+        "description": "Minimum length unto end to emit load more event",
+        "type": "number"
+    },
+    "lightbox/closeText": {
+        "description": "Text for the close button",
+        "type": "string"
+    },
+    "lightbox/previousText": {
+        "description": "Text for the previous image button",
+        "type": "string"
+    },
+    "lightbox/nextText": {
+        "description": "Text for the next image button",
+        "type": "string"
+    },
+    "lightbox/previousThumbText": {
+        "description": "Text for the previous thumb image button",
+        "type": "string"
+    },
+    "lightbox/nextThumbText": {
+        "description": "Text for the next thumb image button",
+        "type": "string"
+    }
+}

src/vetur/tags.json

@@ -0,0 +1,24 @@
+{
+    "lightbox": {
+        "attributes": [
+            "images",
+            "showLightBox",
+            "startAt",
+            "nThumbs",
+            "showThumbs",
+            "autoPlay",
+            "autoPlayTime",
+            "siteLoading",
+            "showCaption",
+            "disableScroll",
+            "lengthToLoadMore",
+            "closeText",
+            "previousText",
+            "nextText",
+            "previousThumbText",
+            "nextThumbText"
+        ],
+        "subtags": [],
+        "description": "LightBox component"
+    }
+}