nuxt-arch/plugins/medium-zoom.client.ts

Arch is a Nuxt 3 template for creating your personal website less than a minute.

import zoom from 'medium-zoom'

function initZoom() {
  zoom('img.zoomable:not(.medium-zoom-image)', {
    margin: 50,
  })
}

export default defineNuxtPlugin((nuxt) => {
  nuxt.vueApp.mixin({
    mounted() {
      initZoom()
    },
    updated() {
      initZoom()
    },
  })
})