vue zoom component

npm i @utlime/vue-zoom

<template> <vue-zoom> <img ... /> </vue-zoom> </template> <script> import { VueZoom } from '@utlime/vue-zoom';  export default {  components: { VueZoom }, }; </script>

scale property can has the follow values:

• number, relative zoom value to component with, e.g. 1.5(default value)

<vue-zoom :scale="2">...</vue-zoom>

• string, fixed zoom value, e.g. 600px

<vue-zoom scale="600px">...</vue-zoom>

storybook