vue-direction
v0.1.2
Published
Direction aware hover in Vue.js
Downloads
4
Maintainers
Readme
vue-direction
Direction aware hover in Vuejs
Installation
Install the component via npm by running npm i vue-direction
or yarn add vue-direction
.
Usage
Import, register and place the component in your Vue app.
<template>
<VueDirection>
<template slot-scope="{ mouseDirection }">
<!-- do something with 'mouseDirection' -->
{{ mouseDirection.x }}
{{ mouseDirection.y }}
</template>
<VueDirection/>
</template>
import VueDirection from 'vue-direction'
export default {
components: {
VueDirection,
},
}
Dev
Running dev
script requires @vue/cli and @vue/cli-service-global to be installed. Install these globally by running npm i --g @vue/cli @vue/cli-service-global
or yarn add global vue/cli @vue/cli-service-global
.
Contributing
This project is open to and encourages contributions! Feel free to discuss any bug fixes/features in the issues. If you wish to work on this project:
- Fork the project
- Create your feature branch (
git checkout -b new-feature-branch
) - Commit your changes (
git commit -am 'add new feature'
) - Push to the branch (
git push origin new-feature-branch
) - Submit a pull request!