Added to GitHub - gohugoio/hugo-mod-alpinejs: Hugo Modules for AlpineJS + plugins + alpine-ajax · GitHub
Panning and zooming isn’t practical to implement yourself in JavaScript (it’s very hard to get right, especially on mobile). I have done some research and testing and concluded that panzoom (GitHub - anvaka/panzoom: Universal pan and zoom library (DOM, SVG, Custom) · GitHub) is currently the best option.
A simple running demo can be found here: hugo-mod-alpinejs