{"_id":"@chantouchsek/vue-photoswipe","_rev":"4-0e8a3ffba3ab69f6bcad0a2a6f3ad5bb","name":"@chantouchsek/vue-photoswipe","dist-tags":{"latest":"0.0.1-beta-2"},"versions":{"0.0.1":{"name":"@chantouchsek/vue-photoswipe","version":"0.0.1","description":"An image previewer for vue, powered by PhotoSwipe.","main":"dist/index.umd.min.js","scripts":{"dev":"vue-cli-service serve","build":"vue-cli-service build --dest docs && cp -p README.md docs","build:lib":"vue-cli-service build --mode library --target lib --name VuePhotoSwipe --filename index --formats umd-min --dest dist ./lib/directive.js","deploy":"npm run build:lib && npm publish --access=public","lint":"vue-cli-service lint","test":"echo test"},"repository":{"type":"git","url":"git+https://github.com/Chantouch/vue-photoswipe.git"},"keywords":["photoswipe","preview","vue"],"author":{"name":"Chantouch Sek","email":"chantouchsek.cs83@gmail.com","url":"https://chantouchsek.github.io/"},"bugs":{"url":"https://github.com/Chantouch/vue-photoswipe/issues"},"license":"MIT","dependencies":{},"devDependencies":{"@vue/cli-plugin-babel":"^3.8.0","@vue/cli-plugin-eslint":"^3.8.0","@vue/cli-service":"^3.8.0","@vue/eslint-config-standard":"^4.0.0","babel-eslint":"^10.0.1","core-js":"^2.6.11","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","less":"^3.0.4","less-loader":"^4.1.0","photoswipe":"^4.1.3","vue":"^2.6.11","vue-template-compiler":"^2.6.11"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","@vue/standard"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{}}},"browserslist":["> 1%","last 2 versions"],"gitHead":"84dadea99c87fb32f8ffe92288cd0a1de6729bdb","homepage":"https://github.com/Chantouch/vue-photoswipe#readme","_id":"@chantouchsek/vue-photoswipe@0.0.1","_nodeVersion":"13.11.0","_npmVersion":"6.14.7","dist":{"integrity":"sha512-Cq5o5tmfH0cpPClobEOQoMONeDjqbDgSqP00HxfAhCrHE/TgMCu0NqxIrZltVSEAa8XcwWclkf2ZcIRSwUGWEg==","shasum":"4e4a90058f3ecd124989919f322e033f13b90326","tarball":"https://registry.npmjs.org/@chantouchsek/vue-photoswipe/-/vue-photoswipe-0.0.1.tgz","fileCount":4,"unpackedSize":27389,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfJ8NMCRA9TVsSAnZWagAAMSgP/ibE35awW31T37duZRwn\nuDlDlo53HVRmFhuZjqe3MLWJIaq/WWwmV7ahuvJlbKv2TXOnE3lKHBnPzSN9\nlzBJ/+DnKK/YFWkrP4QdrIsWRcg5Ribc3MuFMu1IOQoUM8HpBYAcgmbAfoMY\nAXpkZyV19BnL0hgmyiy6ro8X/ONq6wdJL2pg/nRsqTzJsr3r7hiBK8YnHbYD\ny+FDn8+Sx+dd98sy4dBeOMMWb3dKcqEo2K3akHBhxsse0wrmiYYBGlZHi1tI\nG3EfNhYD8os/XTIVpJ1cH2g+S83xSiIjnzaFp5xueAen4T9BjPVgOpP8T/px\nr86gFeu5T0YLBS1xVZXBB5oacTOlcv18vf97hjiJbgHdT253tTh/RMwmt/YH\nsVEsjv6L4tlbOsBmHXgF+872DSwhG+ucdeejmqnVQ9TFsNx4DwSVpJ9YMEUc\n0GNc/p+SCNokc4Pe8iunFxHd1jRQHT8Ul7WMzatKtwHTfItal/v5bAXhM0ql\nFA6vjsLSwBOZSqjx4L1QQcqZMJJUpdgPK0lZwir+PLOVWC3x2Q5/l5U1SKhq\nPnQpmDQn6npnziYIoL5b5oW9Lt/f5lEAvYHcsNMEnOcC8oNvmg4pzHPMGfUm\nPyw850i0BdkC/HvbLizEfNq6a+1oZkKZIveaxwmcqi9YGZ8NpsY0kBwJhGKq\nwk6C\r\n=j5xf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDRcSnGL5/rVBlPl9HZkY0Ae1P/jNinFj6eOGgClMU8LgIhAOe4o5e0nf4a/8JCmfVS4qwBYTZwKN13QbRcRKP/oE5t"}]},"maintainers":[{"name":"chantouchsek","email":"chantouchsek.cs83@gmail.com"}],"_npmUser":{"name":"chantouchsek","email":"chantouchsek.cs83@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-photoswipe_0.0.1_1596441419662_0.1227793693611503"},"_hasShrinkwrap":false},"0.0.1-beta-0":{"name":"@chantouchsek/vue-photoswipe","version":"0.0.1-beta-0","description":"An image previewer for vue, powered by PhotoSwipe.","main":"dist/index.umd.min.js","scripts":{"dev":"vue-cli-service serve","build":"vue-cli-service build --dest docs && cp -p README.md docs","build:lib":"vue-cli-service build --mode library --target lib --name VuePhotoSwipe --filename index --formats umd-min --dest dist ./lib/directive.js","deploy":"npm run build:lib && npm publish --access=public","lint":"vue-cli-service lint","test":"echo test"},"repository":{"type":"git","url":"git+https://github.com/Chantouch/vue-photoswipe.git"},"keywords":["photoswipe","preview","vue"],"author":{"name":"Chantouch Sek","email":"chantouchsek.cs83@gmail.com","url":"https://chantouchsek.github.io/"},"bugs":{"url":"https://github.com/Chantouch/vue-photoswipe/issues"},"license":"MIT","dependencies":{},"devDependencies":{"@vue/cli-plugin-babel":"^3.8.0","@vue/cli-plugin-eslint":"^3.8.0","@vue/cli-service":"^3.8.0","@vue/eslint-config-standard":"^4.0.0","babel-eslint":"^10.0.1","core-js":"^2.6.11","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","less":"^3.0.4","less-loader":"^4.1.0","photoswipe":"^4.1.3","vue":"^2.6.11","vue-template-compiler":"^2.6.11"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","@vue/standard"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{}}},"browserslist":["> 1%","last 2 versions"],"gitHead":"d7629cb06c0c0ee6bcfa15f6492c360053308670","homepage":"https://github.com/Chantouch/vue-photoswipe#readme","_id":"@chantouchsek/vue-photoswipe@0.0.1-beta-0","_nodeVersion":"13.11.0","_npmVersion":"6.14.7","dist":{"integrity":"sha512-CGUYMuVMslaS9yxgY4PRchYOj/ViCJpearCyOoK26Y0x4lFOnDCe16MF7xxt1LQandvhOmePl+DLi+AYnCutnQ==","shasum":"cd41d3f5a0edf07c22a61b4e3d601040e8ee8785","tarball":"https://registry.npmjs.org/@chantouchsek/vue-photoswipe/-/vue-photoswipe-0.0.1-beta-0.tgz","fileCount":5,"unpackedSize":167634,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfJ9UZCRA9TVsSAnZWagAAu2YP/3aXpwflIN6AnokLvX2N\nnb+7gXRINQiWJ+LHwHasA+9SnNuGlHutbpkvCEepP996qYGoRIoV75SIm7TV\nGj9mAY2TKHpiKro6sxbHEBy1Z8+M/5SQY6hAvVEkSu7Fpice437GohzQVpCt\nFlE2uT+pLNS4XaGI+2PcimAuxjQTtWt4RQySv36JTLyLDN1m2wgtzYLofo4b\nCt398C0QUBloN3H/vOYdK+JRPJl1O+p+KDFbFl3Rq+j5IsRRk30k3AJlt+4D\nkuxzj/eoNHjRyD75PtMPsHO6uTuIm/6y6M8fsCphWz6J25y5H4R1eqxS5X4t\nDV2pe5+MRqnp9S7fzngnSiUswrvdAP1kbQMPrrymo4k+JlRCH0udLV9fwg/f\nQtCrscwVYAIlHKZHzA3qTPql/RvbolGPF9HhdofhmoTAcBtvYD+R8uDZ2mIK\nUWIFcBFjjW1ZMoxPCmdisVeR5xueXLzVn9/e/vKXl8y7iPzxFTcIctiEY2kT\neMWJj6q50Rcguha3lFwL8T9l50yfkhrDWbmkNUbZxpiZ4ruXfFZpIO0OX1Bl\nsaMTe8ozV7+OnZtx+M0hj28fZ1/jP6WMuUMYOG6lCs8Ca8Zdt/7qA7TJPob6\nPbcXxYpBGRrAN8ozFnaGIg3btzwqKXn1GHj94HY2NBLyZwTuWhACpPLRQv2N\nPzXf\r\n=LRvN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDGo3TqHBYaPtl4wechr087tdzltoP6BnhWhNWx8RUt1AiAdsNf2zvC3UZTV9TFuFYi1GQcf75NfVPITmewjjun8ow=="}]},"maintainers":[{"name":"chantouchsek","email":"chantouchsek.cs83@gmail.com"}],"_npmUser":{"name":"chantouchsek","email":"chantouchsek.cs83@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-photoswipe_0.0.1-beta-0_1596445977520_0.21060410175397637"},"_hasShrinkwrap":false},"0.0.1-beta-1":{"name":"@chantouchsek/vue-photoswipe","version":"0.0.1-beta-1","description":"An image previewer for vue, powered by PhotoSwipe.","main":"dist/index.umd.min.js","scripts":{"dev":"vue-cli-service serve","build":"vue-cli-service build --dest docs && cp -p README.md docs","build:lib":"vue-cli-service build --mode library --target lib --name VuePhotoSwipe --filename index --formats umd-min --dest dist ./lib/directive.js","deploy":"npm run build:lib && npm publish --access=public","lint":"vue-cli-service lint","test":"echo test"},"repository":{"type":"git","url":"git+https://github.com/Chantouch/vue-photoswipe.git"},"keywords":["photoswipe","preview","vue"],"author":{"name":"Chantouch Sek","email":"chantouchsek.cs83@gmail.com","url":"https://chantouchsek.github.io/"},"bugs":{"url":"https://github.com/Chantouch/vue-photoswipe/issues"},"license":"MIT","dependencies":{},"devDependencies":{"@vue/cli-plugin-babel":"^3.8.0","@vue/cli-plugin-eslint":"^3.8.0","@vue/cli-service":"^3.8.0","@vue/eslint-config-standard":"^4.0.0","babel-eslint":"^10.0.1","core-js":"^2.6.11","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","less":"^3.0.4","less-loader":"^4.1.0","photoswipe":"^4.1.3","vue":"^2.6.11","vue-template-compiler":"^2.6.11"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","@vue/standard"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{}}},"browserslist":["> 1%","last 2 versions"],"gitHead":"e8fa972520152f7868c9dfe1746a5c41511c6481","homepage":"https://github.com/Chantouch/vue-photoswipe#readme","_id":"@chantouchsek/vue-photoswipe@0.0.1-beta-1","_nodeVersion":"13.11.0","_npmVersion":"6.14.7","dist":{"integrity":"sha512-600AZRXVewniWLSkqGorwAcEeu6xDUeFzPWCwmlCytclvpvQKgADW3fYwqb2dznEeTfdae/DTuwjgetYCZ8cuA==","shasum":"69f7fadee4fd07a317050ec0a3c57159653e0bb8","tarball":"https://registry.npmjs.org/@chantouchsek/vue-photoswipe/-/vue-photoswipe-0.0.1-beta-1.tgz","fileCount":10,"unpackedSize":177200,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKCl9CRA9TVsSAnZWagAAeM4P/iiOuRK/n5/fujLcMGWR\nIjea7qh/X2mkmfiXsTC+55S1jVnKkHsQGbXbPo1P16riesgroji3hkfyvs62\nO6zNEEYpKB5tRfDLJlHBDNZdPt0Omez28pdiqLrqa1D7kbc9rDAzT3kpSmyy\nzBe0NiP46vd6Lppwp1I++qb4FOtT6LymPQ4G6GJwSWbphDLcM81nolV2grmA\njcaL/3cJwZyWYHw4UR5oUI6Z2qMtRGrLRDy9ebdniUQ+E8gieMKsp6enVaoF\nz+n98nWUG+8M+ksDrKvj0+xE1uSb8oE5BvpMdLS9g84GZhXtEClrUpSPOUHi\n57i9OxDNWuGbTyqGeEftwinLDp3jbWGEFH7Ou/9pSDLmRRZCHpfTUgvCmanW\nbT76jsjqMxynU4n0L9u0MeewiiXrbeTcSgKdpjnRZYohJ3x12oswCAFn/plO\n9JC44MFyYoQrSqtDtfslVDWeTSlBtdzG8PMaF8NpBlFoeiGBM+b+Uj9pBgeQ\nYpvMoi6SVEVmjVr8utv1iv/3z9c7lljOuMh3EQobDXXXJEcyp2y2yel+XQ5T\nyjhwKpdSYNjZ6W56yNl/4JiKP2ainEUk/aSmpkzMte+Cp+37uSRMTybJAdsj\nkMVcdRw2N2eA0WSDg0G4VVKNpy9JQ32zKcnsTrICWKaHsyeCc//q3G3miSZl\nLKHQ\r\n=fk+n\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDA8UxrmEQ8Wls3cBfGtrTRLdXiIR0Z3vOhCYRKZEdyBgIhAJEGNkpeVPGp/ErLOV8IspDT/2iPNsFrnr7rIF6QIJVg"}]},"maintainers":[{"name":"chantouchsek","email":"chantouchsek.cs83@gmail.com"}],"_npmUser":{"name":"chantouchsek","email":"chantouchsek.cs83@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-photoswipe_0.0.1-beta-1_1596467581203_0.6952077870583278"},"_hasShrinkwrap":false},"0.0.1-beta-2":{"name":"@chantouchsek/vue-photoswipe","version":"0.0.1-beta-2","description":"An image previewer for vue, powered by PhotoSwipe.","main":"dist/index.umd.min.js","scripts":{"dev":"vue-cli-service serve","build":"vue-cli-service build --dest docs && cp -p README.md docs","build:lib":"vue-cli-service build --mode library --target lib --name VuePhotoSwipe --filename index --formats umd-min --dest dist ./lib/directive.js","deploy":"npm run build:lib && npm publish --access=public","lint":"vue-cli-service lint","test":"echo test"},"repository":{"type":"git","url":"git+https://github.com/Chantouch/vue-photoswipe.git"},"keywords":["photoswipe","preview","vue"],"author":{"name":"Chantouch Sek","email":"chantouchsek.cs83@gmail.com","url":"https://chantouchsek.github.io/"},"bugs":{"url":"https://github.com/Chantouch/vue-photoswipe/issues"},"license":"MIT","dependencies":{},"devDependencies":{"@vue/cli-plugin-babel":"^4.4.6","@vue/cli-plugin-eslint":"^4.4.6","@vue/cli-service":"^4.4.6","@vue/eslint-config-standard":"^5.1.2","babel-eslint":"^10.1.0","core-js":"^3.6.5","eslint":"^7.6.0","eslint-plugin-import":"^2.22.0","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^4.0.1","eslint-plugin-vue":"^6.2.2","less":"^3.12.2","less-loader":"^6.2.0","photoswipe":"^4.1.3","vue":"^2.6.11","vue-template-compiler":"^2.6.11"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","@vue/standard"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{}}},"browserslist":["> 1%","last 2 versions"],"gitHead":"a29a31a4ffe3bed091344b5ee4dde51801fe3072","homepage":"https://github.com/Chantouch/vue-photoswipe#readme","_id":"@chantouchsek/vue-photoswipe@0.0.1-beta-2","_nodeVersion":"13.11.0","_npmVersion":"6.14.7","dist":{"integrity":"sha512-+4Ojf9sRx1Zj7MDtpQO8/RFLdXryt0Ovub+qjptvvyZX8Ja4RUlEUy1BugGtXjD9JnTOLfLe839yrtqoNyyG5g==","shasum":"a47c74fbbb6077c61f058f192d38232a37958872","tarball":"https://registry.npmjs.org/@chantouchsek/vue-photoswipe/-/vue-photoswipe-0.0.1-beta-2.tgz","fileCount":10,"unpackedSize":143167,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKMeLCRA9TVsSAnZWagAAO0wP/3f6J7StdJumjGMIj4dP\noPXsPWaQ2jPlS0KQw26Wh0WKaI3zdpD6iwqAI3w8UUpPljRPRhpsJp6ZYQHh\nJl2kCHHbRLDi7w0qvatWt/OzcadiltF7Fn+Whjm1r6hdi1Tn+xej7cZ0I6RA\nhuaGiIzp1P4wVpFQZOzyLauoshWtIvM7uyVPHFiZTJPnQRSY3X2hX26QEQTe\nSX36A779rsDKWzYf2xlOA9KAlQJoOiNabB2LJ9bhZeAeAwRdMjE6epawQG63\nsgoexZ8w7PMeCEHJepC+dgfTOYhpge5Poe3ctQn6j2TOlP2EQqjF5kPLrk5Y\nJa8X3+5i0J/0lK0mG/tiDBgoiBBfsFWq/LYUtRX4tPBJAE20hn9D45xyqymx\n4iw5hJ2Cwc1RbnUNi2lz/plM/6KjxJkUlHHvSZFbTDxWLpF00xApf1kAneff\nFNrXcpDUOh2FgFy4PFCpkeyKDl5b/lFIXParOuFDR1nSYRnxZGynibDPEjJq\njf0Ku7VgIBS63Jd3XkEo1SrOqQSw9KyWjETdaJStii5P/qtMqVbyWP7uKxDz\n4M6vqXa9FGaTH4vb89DjMbPuGU7GZw3wcKCkTQl471W5bkApSkvdFCzRyv34\nwWMrvgeo8gxXQ7JhP73Y2LiroSJRPfs05GibQ1+89vvLyWghZHqXwVIT3Tks\nxQLR\r\n=5dAa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC2j5r2f4J+iZwypQjE6+dlueW9oy5YKCAT4nugXgE0tAIhANV551XZjZOW++zpvMJD67aUzdJVNcj1f2bK0iOXX21u"}]},"maintainers":[{"name":"chantouchsek","email":"chantouchsek.cs83@gmail.com"}],"_npmUser":{"name":"chantouchsek","email":"chantouchsek.cs83@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-photoswipe_0.0.1-beta-2_1596508042890_0.4609643692081129"},"_hasShrinkwrap":false}},"time":{"created":"2020-08-03T07:56:59.614Z","0.0.1":"2020-08-03T07:56:59.829Z","modified":"2022-04-04T22:30:59.558Z","0.0.1-beta-0":"2020-08-03T09:12:57.677Z","0.0.1-beta-1":"2020-08-03T15:13:01.515Z","0.0.1-beta-2":"2020-08-04T02:27:23.009Z"},"maintainers":[{"name":"chantouchsek","email":"chantouchsek.cs83@gmail.com"}],"description":"An image previewer for vue, powered by PhotoSwipe.","homepage":"https://github.com/Chantouch/vue-photoswipe#readme","keywords":["photoswipe","preview","vue"],"repository":{"type":"git","url":"git+https://github.com/Chantouch/vue-photoswipe.git"},"author":{"name":"Chantouch Sek","email":"chantouchsek.cs83@gmail.com","url":"https://chantouchsek.github.io/"},"bugs":{"url":"https://github.com/Chantouch/vue-photoswipe/issues"},"license":"MIT","readme":"# vue-photoswipe\n\n> An image previewer for vue, powered by [PhotoSwipe](https://github.com/dimsemenov/PhotoSwipe).\n\n[![vue-js](https://img.shields.io/badge/vue.js-2.x-brightgreen.svg?maxAge=604800)](https://vuejs.org/)\n[![downloads](https://img.shields.io/npm/dt/@chantouchsek/vue-photoswipe.svg)](http://npm-stats.com/~packages/@chantouchsek/vue-photoswipe)\n[![GitHub stars](https://img.shields.io/github/stars/Chantouch/vue-photoswipe.svg)](https://github.com/Chantouch/vue-photoswipe/stargazers)\n[![devDependencies](https://img.shields.io/david/dev/Chantouch/vue-photoswipe.svg)](https://david-dm.org/Chantouch/vue-photoswipe?type=dev)\n[![npm-version](https://img.shields.io/npm/v/@chantouchsek/vue-photoswipe.svg?maxAge=3600)](https://www.npmjs.com/package/@chantouchsek/vue-photoswipe)\n[![Github tag](https://img.shields.io/github/tag/Chantouch/vue-photoswipe.svg?maxAge=3600)](https://github.com/Chantouch/vue-photoswipe/)\n[![Build Status](https://travis-ci.org/Chantouch/vue-photoswipe.svg?branch=master)](https://travis-ci.org/Chantouch/vue-photoswipe)\n[![GitHub license](https://img.shields.io/github/license/Chantouch/vue-photoswipe.svg)](https://github.com/Chantouch/vue-photoswipe/blob/master/LICENSE)\n\n## Demo\n\n![DEMO](https://repository-images.githubusercontent.com/194109246/dc703a00-9b42-11e9-920a-e84b3b3b7ac3)\n\n[Try it out](https://chantouch.github.io/vue-photoswipe/)\n\n## Requirements\n\n- [`Vue.js 2.x`](https://cn.vuejs.org/)\n- [`PhotoSwipe`](https://github.com/dimsemenov/PhotoSwipe)\n\n## Advantages\n\n- Simple API.\n- Small bundle size: 15.3KB (5.6KB gzipped, without PhotoSwipe & Promise polyfill).\n\n## Installation\n\n### Yarn\n```bash\nyarn add photoswipe @chantouchsek/vue-photoswipe\n```\n\n### Npm\n```bash\nnpm install photoswipe @chantouchsek/vue-photoswipe\n```\n\n## Usage\n\n### Registration\n\n#### Base\n\n```js\nimport createPreviewDirective from \"@chantouchsek/vue-photoswipe\";\n\nexport default {\n  directives: {\n    preview: createPreviewDirective()\n  }\n};\n```\n\n#### Options\n\n```js\nimport createPreviewDirective from \"@chantouchsek/vue-photoswipe\";\n\nexport default {\n  directives: {\n    preview: createPreviewDirective(photoswipeOptions)\n  }\n};\n```\n\n### Vue Directive\n\n#### Base\n\n```html\n<img v-preview src=\"path/to/image.jpg\" alt=\"image\" />\n```\n\n#### Scope\n\n```html\n<img v-preview:scope-a src=\"path/to/images/01.jpg\" alt=\"image 01\" />\n<img v-preview:scope-a src=\"path/to/images/02.jpg\" alt=\"image 02\" />\n<img v-preview src=\"path/to/images/03.jpg\" alt=\"image 03\" />\n```\n\n#### Lazy Load\n\nSupport [vue-lazyload](https://github.com/hilongjw/vue-lazyload)\n\n```html\n<div v-lazy-container=\"{ selector: 'img' }\">\n  <img v-preview:scope-a data-src=\"path/to/images/01.jpg\" alt=\"image 01\" />\n  <img v-preview:scope-a data-src=\"path/to/images/02.jpg\" alt=\"image 02\" />\n  <img v-preview data-src=\"path/to/images/03.jpg\" alt=\"image 03\" />\n</div>\n```\n\n#### Origin Image\n\n```html\n<img v-preview src=\"path/to/image.jpg\" data-origin=\"path/to/origin-image.jpg\" alt=\"image\" />\n```\n\n## Example\n\n### Include PhotoSwipe dependencies by external links\n\n`index.html`\n\n```html\n<!-- Core CSS file -->\n<link rel=\"stylesheet\" href=\"https://unpkg.com/photoswipe/dist/photoswipe.css\" />\n\n<!-- Skin CSS file (styling of UI - buttons, caption, etc.)\n     In the folder of skin CSS file there are also:\n     - .png and .svg icons sprite, \n     - preloader.gif (for browsers that do not support CSS animations) -->\n<link rel=\"stylesheet\" href=\"https://unpkg.com/photoswipe/dist/default-skin/default-skin.css\" />\n\n<!-- Core JS file -->\n<script src=\"https://unpkg.com/photoswipe/dist/photoswipe.min.js\"></script>\n\n<!-- UI JS file -->\n<script src=\"https://unpkg.com/photoswipe/dist/photoswipe-ui-default.min.js\"></script>\n```\n\n`*.vue`\n\n```vue\n<template>\n  <div id=\"app\">\n    <img v-preview:scope-a src=\"path/to/images/01.jpg\" alt=\"image 01\" />\n    <img v-preview:scope-a src=\"path/to/images/02.jpg\" alt=\"image 02\" />\n    <img v-preview src=\"path/to/images/03.jpg\" alt=\"image 03\" />\n  </div>\n</template>\n\n<script>\nimport createPreviewDirective from \"@chantouchsek/vue-photoswipe\";\n\nexport default {\n  directives: {\n    preview: createPreviewDirective()\n  }\n};\n</script>\n```\n\n### Include PhotoSwipe dependencies by modules\n\n`*.vue`\n\n```vue\n<template>\n  <div id=\"app\">\n    <img v-preview:scope-a src=\"path/to/images/01.jpg\" alt=\"image 01\" />\n    <img v-preview:scope-a src=\"path/to/images/02.jpg\" alt=\"image 02\" />\n    <img v-preview src=\"path/to/images/03.jpg\" alt=\"image 03\" />\n  </div>\n</template>\n\n<script>\nimport PhotoSwipe from 'photoswipe/dist/photoswipe'\nimport PhotoSwipeUI from 'photoswipe/dist/photoswipe-ui-default'\nimport 'photoswipe/dist/photoswipe.css'\nimport 'photoswipe/dist/default-skin/default-skin.css'\nimport createPreviewDirective from \"@chantouchsek/vue-photoswipe\";\n\nexport default {\n  directives: {\n    preview: createPreviewDirective(null, PhotoSwipe, PhotoSwipeUI)\n  }\n};\n</script>\n```\n\n## Use with options scope\n```vue\n<template>\n  <div id=\"app\">\n    <img v-preview=\"{ name: 'a' }\" src=\"path/to/images/01.jpg\" alt=\"image 01\" />\n    <img v-preview=\"{ name: 'a' }\" src=\"path/to/images/02.jpg\" alt=\"image 01\" />\n    <img v-preview=\"{ name: 'b' }\" src=\"path/to/images/03.jpg\" alt=\"image 01\" />\n    <img v-preview=\"{ name: 'b' }\" src=\"path/to/images/04.jpg\" alt=\"image 01\" />\n    <img v-preview:scope-a src=\"path/to/images/02.jpg\" alt=\"image 02\" />\n    <img v-preview src=\"path/to/images/03.jpg\" alt=\"image 03\" />\n  </div>\n</template>\n```\n\n### Options `name` must be defined.\n\n## Development\n\n```bash\nyarn dev\n```\n\n## Build\n\n```bash\nyarn build:lib\n```\n\n## Todo\n\n- [ ] Expand the advanced API. \n- [ ] Add test files.\n\n## License\n\nMIT © [Chantouch](https://github.com/Chantouch)\n","readmeFilename":"README.md"}