v-simple-magnifier

a vue directive to use on img elements to zoom on hover

Usage no npm install needed!

<script type="module">
  import vSimpleMagnifier from 'https://cdn.skypack.dev/v-simple-magnifier';
</script>

a vue directive to use on img elements to zoom on hover

most of the credit goes to anthinkingcoder, I made my directive based on that

npm install v-simple-magnifier
# or 
yarn add v-simple-magnifier

then add it to your vue application:

// add it to your vue application:
import VSimpleMagnifier from 'v-simple-magnifier';
import Vue from 'vue';

Vue.use(VSimpleMagnifier);

then use it:

<template>
  <img src="some-image-src" v-simple-magnifier>
</template>