Image viewers

There is two kind of image viewers

Thumbnail viewer

The thumbnail image is a regular Vue component : Gallery. You must declare it and instantiate it in your component.

It's used to show list of associated images, or any list of images (for instance, dashboard). When user clicks on a thumbnail, it calls the fullscreen viewer :

Fullscreen viewer

The fullscreen image viewer is a singleton instance of ImageViewer component. It's declared on App.vue and accessible everywhere with $imageViewer. the typical usage is to call imageViewer.show(image) where image is an image C2C document.

Important point, the fullscreen viewer will collect all visible image on a page, and will allow user to navigate threw all of them.