Image path url

[nothinghalosix]

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 } },