Image Effect Component

A simple, highly customisable image effect component for Vue.

Screenshot

Features

• Customisable image.
• Customisable size image.
• Create and customisablee description image.
• Good SEO for image

Usage

Via NPM

Install via npm:

npm install vue-image-effect

Then require in your project:

const VueImage = require('vue-image-effect')

or ES6 syntax:

import VueImage from 'vue-image-effect'

Then you can register the component globally:

Vue.component('vue-image-effect', VueImage)

Or in your Vue component:

components: {
  VueImage
}

You can then use the following markup in your project:

<vue-image src="..." alt="..." ...></vue-image>

Via CDN

You may also include vue-image-effect directly in to your webpage via Unpkg. Simply add the following script tag:

<script src="https://unpkg.com/vue-image-effect/dist/image-effect.min.js"></script>

You will need to register the component by doing:

Vue.component('vue-image', VueImageEffect.default)

You may also register the component locally via the components option.

Development & Testing

Please check the Contributing Guidelines.

Contribution

Issues and PRs are welcome !