22
33> Vue Lightbox Advanced Photo Grid component for Vue.js
44
5- [ ![ npm] ( https://img.shields.io/badge/npm-2.0.0 -blue )] ( https://www.npmjs.com/package/vue-lightbox-advanced )
5+ [ ![ npm] ( https://img.shields.io/badge/npm-2.0.1 -blue )] ( https://www.npmjs.com/package/vue-lightbox-advanced )
66[ ![ license] ( https://img.shields.io/badge/license-MIT-green )] ( https://github.com/codeeshop-oc/vue-lightbox-advanced/blob/main/LICENSE )
77[ ![ bit] ( https://img.shields.io/badge/components-1-yellowgreen )] ( https://github.com/codeeshop-oc/vue-lightbox-advanced/blob/main/src/vue-lightbox-advanced.vue )
88[ ![ PRs welcome] ( https://img.shields.io/badge/PRs-welcome-ff69b4.svg )] ( https://github.com/codeeshop-oc/vue-lightbox-advanced/issues?&q=is%3Aissue+is%3Aopen )
@@ -14,14 +14,13 @@ It provides the shuffling images according to given options in docs.
1414
1515## Version Support
1616
17- Vue 3 - Current Branch
17+ Vue 3 - Current Branch ( TypeScript + Vite + vitest )
1818
1919[ Vue 2] ( https://github.com/codeeshop-oc/vue-lightbox-advanced/tree/vue2 )
2020
2121## 🎨 Features
2222
23- Find out all available features on [ settings props] ( https://github.com/codeeshop-oc/vue-lightbox-advanced/blob/main/docs/API.md#props ) and see how that works on [ examples] ( https://codeeshop-oc.github.io/vue-lightbox-advanced/ ) .
24-
23+ Find out all available features on [ settings props] ( /docs/api/props.md ) and see how that works on [ examples] ( /docs/examples.md ) .
2524
2625## 🚚 Installation
2726
@@ -60,20 +59,23 @@ https://unpkg.com/vue-lightbox-advanced
6059 name: ' MyComponent' ,
6160 components: { VueLightboxAdvanced },
6261 data () {
63- return {
64- images: [
65- " https://i.wifegeek.com/200426/f9459c52.jpg" ,
66- " https://i.wifegeek.com/200426/5ce1e1c7.jpg" ,
67- " https://i.wifegeek.com/200426/5fa51df3.jpg" ,
68- " https://i.wifegeek.com/200426/663181fe.jpg" ,
69- " https://i.wifegeek.com/200426/2d110780.jpg" ,
70- " https://i.wifegeek.com/200426/e73cd3fa.jpg" ,
71- " https://i.wifegeek.com/200426/15160d6e.jpg" ,
72- " https://i.wifegeek.com/200426/81e24a47.jpg" ,
73- " https://i.wifegeek.com/200426/43e2e8bb.jpg"
74- ]
75- }
76- },
62+ return {
63+ images: [
64+ ' https://cdn.pixabay.com/photo/2015/09/17/14/24/woman-944261_960_720.jpg' ,
65+ ' https://cdn.pixabay.com/photo/2015/10/30/20/13/boat-1014711_960_720.jpg' ,
66+ ' https://cdn.pixabay.com/photo/2017/10/17/16/10/fantasy-2861107_960_720.jpg' ,
67+ ' https://cdn.pixabay.com/photo/2016/05/11/16/32/bridge-1385938_960_720.jpg' ,
68+ ' https://cdn.pixabay.com/photo/2018/09/19/23/03/sunset-3689760_960_720.jpg' ,
69+ ' https://cdn.pixabay.com/photo/2020/09/15/09/10/church-5573087_960_720.jpg' ,
70+ ' https://cdn.pixabay.com/photo/2017/05/04/12/43/zebra-2283914_960_720.jpg' ,
71+ ' https://cdn.pixabay.com/photo/2018/01/25/14/12/nature-3106213_960_720.jpg' ,
72+ ' https://cdn.pixabay.com/photo/2017/12/10/15/16/white-horse-3010129_960_720.jpg' ,
73+ ' https://cdn.pixabay.com/photo/2017/06/07/10/47/elephant-2380009_960_720.jpg' ,
74+ ' https://cdn.pixabay.com/photo/2017/05/09/03/46/alberta-2297204_960_720.jpg' ,
75+ ' https://cdn.pixabay.com/photo/2017/01/18/17/14/girl-1990347_960_720.jpg'
76+ ]
77+ }
78+ }
7779 }
7880 </script >
7981```
0 commit comments