vue-long-click

> Vue long click (longpress) directive

!Size

Checkout the demo at https://ittus.github.io/vue-long-click/

!DemoGIF

Install

``bash
npm install vue-long-click --save
`

`javascript
import { longClickDirective } from 'vue-long-click'

const longClickInstance = longClickDirective({delay: 400, interval: 50})
Vue.directive('longclick', longClickInstance)
`

CDN

Include vue-long-click library from cdn
`html


`

and create custom directive to use

`javascript
const longClickInstance = window['vue-long-click'].longClickDirective({delay: 400, interval: 50})
Vue.directive('longclick', longClickInstance)
`
CDN Demo on codepen




Usage

`javascript
+
`

Config

| Prop | Type | Default | Description |
|-----------------------|-----------------|-------------|------------------------------------------|
| delay | Integer (milliseconds) | 400 | Delay until long click function is fired |
| interval | Integer (milliseconds) | 50 | If value is greater than 0, handler function will be fire every interval milliseconds when component is pressed

Development

`bash


Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Build library

npm run build:lib

Run tests

npm run test

Lints and fixes files

npm run lint
``