vue2-simple-image-zoomer

Simple Image Zoomer component of Vue.js

Features

- Compatible with native real time behavior
- Touch device support

Requirements

Vue >= 2.0

Installation

NPM

``
npm install --save vue2-simple-image-zoomer
`

Yarn

`
yarn add vue2-simple-image-zoomer
`

Usage

$3

Just import vue2-simple-image-zoomer component and use it in your components. The props are String and object & it must required, so you can use imagePath and zoomerOptions as a object.

`html



`


$3




$3


`
Vue.use(Vue2SimpleImageZoomer)
`

$3

`
import SimpleImageZoomer from 'vue2-simple-image-zoomer'
`

$3

create a plugin file vue2-simple-image-zoomer.js inside /plugins dir

`js
import Vue from 'vue'
import SimpleImageZoomer from 'vue2-simple-image-zoomer'
// css
import 'vue2-simple-image-zoomer/dist/vue2-simple-image-zoomer.css'

Vue.Use(SimpleImageZoomer)
`

import a plugin in nuxt.config.js with disable ssr mode

`js
plugins: [{ src: '~/plugins/vue2-simple-image-zoomer', ssr: false }]
``

License

MIT