lucaspulliese / vue-cool-lightbox

Vue.js lightbox inspired by fancybox.
https://vue-cool-lightbox.lucaspulliese.com
341 stars 55 forks source link

Image path url #137

Open nothinghalosix opened 1 year ago

nothinghalosix commented 1 year ago

I use gridsome for my application but the images in the lightbox not shown

what is the correct url to render the image for lightbox. It only works with absolute live path. Images are stored in dev mode in /assets/images/.... after the gridsome build command in /asssets/img/...

new image name after build process assets/img/berg-1.175db75e.jpg

components: { CoolLightBox, }, data() { return { items: [ { title: 'a beautiful mountain view', description: "", src: '~@/images/products/schlossberg/berg-1.jpg', }, { title: 'a beautiful mountain view', description: "", src: '~@/images/products/schlossberg/berg-2.jpg', }, { title: 'a beautiful mountain view', description: "", src: '~@/images/products/schlossberg/berg-3.jpg', }, { title: 'a beautiful mountain view', description: "", src: '~@/images/products/schlossberg/berg-5.jpg', }, ], index: null } },