Gridsome an vue cool lightbox image url

## Description
what is the correct url to render the image for the cool lightbox. It only works with absolute live urls

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

Start by checking how CoolLightBox resolves the `src` values in the provided `items` configuration, then compare that behavior with Gridsome's local image asset handling. There are no repository files or tests identified in the issue; done would mean establishing the correct local URL format or documenting that only absolute URLs are supported.

Written by the indexing model from the issue text.