Installation
Package manager (only for basic version)
You can install lightbox using your favorite package manager:
$ npm install --save-dev fslightbox-vue
# or
$ yarn add --dev fslightbox-vue
# or
$ yarn add --dev fslightbox-vue
Tarball
Download .tgz archive from download page . Put it somewhere in your project for example: ./src/lib Then run package manager install command with path to that archive. You need to be in directory where your project package.json file is.
$ npm install ./src/lib/[lightbox archive name]
# or
$ yarn add ./src/lib/[lightbox archive name]
# or
$ yarn add ./src/lib/[lightbox archive name]
Example:
$ npm install ./src/lib/fslightbox-vue-basic-1.0.0.tgz
# or
$ yarn add ./src/lib/fslightbox-vue-basic-1.0.0.tgz
# or
$ yarn add ./src/lib/fslightbox-vue-basic-1.0.0.tgz
UMD
For projects that doesn't use node.js there is UMD fslightbox build. Find in archive file called fslightbox.umd.js. Add it to your website via script tag and display lightbox with global fs-lightbox component.
<div id="app">
<fs-lightbox
...some props
/>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="fslightbox.umd.js"></script>
<script>
new Vue({
el: '#app'
});
</script>
<fs-lightbox
...some props
/>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="fslightbox.umd.js"></script>
<script>
new Vue({
el: '#app'
});
</script>