Vitepress support about medium-zoom

[tobiasdalhof]

If you create your own vitepress theme, you can integrate medium-zoom as follows:

import type { Theme } from 'vitepress'
import { inBrowser, useRoute } from 'vitepress'
import mediumZoom from 'medium-zoom'
import { nextTick, watch } from 'vue'
import Layout from './Layout.vue'
import NotFound from './NotFound.vue'

export default <Theme>{
  Layout,
  NotFound,
  setup() {
    const route = useRoute()
    watch(
      () => route.path,
      () => nextTick(() => {
        if (inBrowser)
          mediumZoom('[data-zoomable]')
      }),
      { immediate: true },
    )
  },
}

Add data-zoomable data attribute in markdown:

![alt](src){data-zoomable}

[zam157]

Check this issue and comment, that might be help