![]()
window.swiperInstance?.update())"
class="block mx-auto shadow-2xl transition-opacity duration-500 pointer-events-none select-none"
:class="{
'w-full h-auto': fitMode === 'width',
'w-auto max-none object-contain object-top': fitMode === 'height',
'w-auto max-w-full h-auto': fitMode === 'original',
'opacity-0': !p_loaded,
'opacity-100': p_loaded
}"
:style="{
'filter': `grayscale(${isGrayscale ? 100 : 0}%) brightness(${brightness}%)`,
'height': (fitMode === 'height')
? (readerHeight >= 2000 ? '100vh' : readerHeight + 'px')
: 'auto',
'max-height': (fitMode === 'height')
? '100vh'
: (fitMode === 'original' && readerHeight < 2000)
? readerHeight + 'px'
: 'none',
'max-width': `min(${readerWidth >= 2000 ? '100vw' : readerWidth + 'px'}, 100vw)`
}"
:fetchpriority="index === (i + 1) ? 'high' : 'low'"
draggable="false"
>