{"_id":"v-debounce","_rev":"6-ef8bd73405a82cb5f7482602754527d6","name":"v-debounce","description":"Input debounce directive for Vue.js","dist-tags":{"latest":"0.2.0"},"versions":{"0.1.0":{"name":"v-debounce","version":"0.1.0","description":"Input debounce directive for Vue.js","main":"index.js","scripts":{"dev":"vue build docs.vue","docs:build":"vue build ./docs.vue --config ./docs.build.js --dist ./docs/ --prod","docs:serve":"open http://localhost:5000/docs/ && serve ./"},"keywords":["vuejs","vuejs2","debounce","directive","input"],"author":{"name":"None"},"license":"MIT","gitHead":"67c31b6cb7a983c96de5c2fb82678221ceebce29","_id":"v-debounce@0.1.0","_shasum":"197abdb02682a5ccd008a0ae778cd593384f1584","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.11.0","_npmUser":{"name":"coreus","email":"dosspirit@gmail.com"},"dist":{"shasum":"197abdb02682a5ccd008a0ae778cd593384f1584","tarball":"https://registry.npmjs.org/v-debounce/-/v-debounce-0.1.0.tgz","integrity":"sha512-9fM1Azpau29n4mfJ8QZSoEwbBDJTN0ClqVSCOI9OIadRpckLiF8wzE6CgPwRGwnmEomxTlEG+GxpRbzp9tEzWA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF55LMnXC3enaWPx5k/gyveQ2yT8/2c7aH1iCPwg1XzYAiEA6tLCkOE9JO+OPvZ6F71RXMGXBxJpnM4B1gq1nCEPI1U="}]},"maintainers":[{"name":"coreus","email":"dosspirit@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/v-debounce-0.1.0.tgz_1503388154325_0.7654724570456892"},"directories":{}},"0.1.1":{"name":"v-debounce","version":"0.1.1","description":"Input debounce directive for Vue.js","main":"index.js","scripts":{"dev":"vue build docs.vue","docs:build":"vue build ./docs.vue --config ./docs.build.js --dist ./docs/ --prod","docs:serve":"open http://localhost:5000/docs/ && serve ./"},"keywords":["vuejs","vuejs2","vuejs debounce","debounce","directive","input"],"author":{"name":"None"},"license":"MIT","gitHead":"67c31b6cb7a983c96de5c2fb82678221ceebce29","_id":"v-debounce@0.1.1","_shasum":"a08c2d40620e01c7ac784b4cbf40b928c4141e02","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.11.0","_npmUser":{"name":"coreus","email":"dosspirit@gmail.com"},"dist":{"shasum":"a08c2d40620e01c7ac784b4cbf40b928c4141e02","tarball":"https://registry.npmjs.org/v-debounce/-/v-debounce-0.1.1.tgz","integrity":"sha512-22Rgr90nQLXQwd0iDCwwQNIMsSL+pdLGEaBWN9Pw8X9+kvkzqnQ9kyo+BTgLgbjqgI0DwLk25PkbAp4DYM5MkQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCTiDpEHELcC/PLZlmWcmoaCpDy7r7R5877Q6ZHVkNuhAIgBC/eAkix3tXfUeH0og95l7TOpuoIjSn0h2Byxw3T25o="}]},"maintainers":[{"name":"coreus","email":"dosspirit@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/v-debounce-0.1.1.tgz_1503390403190_0.643135194433853"},"directories":{}},"0.1.2":{"name":"v-debounce","version":"0.1.2","description":"Input debounce directive for Vue.js","main":"index.js","scripts":{"dev":"vue build docs.vue","docs:build":"vue build ./docs.vue --config ./docs.build.js --dist ./docs/ --prod","docs:serve":"open http://localhost:5000/docs/ && serve ./"},"repository":{"type":"git","url":"git+https://github.com/hydraheim/v-debounce.git"},"homepage":"https://retrospirit.net","keywords":["vuejs","vuejs2","vuejs debounce","debounce","directive","input"],"author":{"name":"None"},"license":"MIT","gitHead":"a2424c51d5390688f543634d0bc2931d06a4f861","bugs":{"url":"https://github.com/hydraheim/v-debounce/issues"},"_id":"v-debounce@0.1.2","_shasum":"cab75df7def2783215bf449ef85c69c2decf0a55","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.11.0","_npmUser":{"name":"coreus","email":"dosspirit@gmail.com"},"dist":{"shasum":"cab75df7def2783215bf449ef85c69c2decf0a55","tarball":"https://registry.npmjs.org/v-debounce/-/v-debounce-0.1.2.tgz","integrity":"sha512-Xl+bOpDB2c7RytpER6VB4ZSOJz1HPQkH3oerFYTVtKr7TbX4VbtnuDUfNX9gtZiXbF3SECWXnXgHdpCUxzKLmA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGSsQ2A1Vvxsci45WaNLiML43WKcJI2zjdN2SRd+Yh0tAiEAs6MOedwee/tNb0zJ2HgJlhx360U4ezl/sNiipGVc3QU="}]},"maintainers":[{"name":"coreus","email":"dosspirit@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/v-debounce-0.1.2.tgz_1503474000993_0.39398652920499444"},"directories":{}},"0.2.0":{"name":"v-debounce","version":"0.2.0","description":"Input debounce directive for Vue.js","main":"index.js","scripts":{"dev":"vue build docs.vue","docs:build":"vue build ./docs.vue --config ./docs.build.js --dist ./docs/ --prod","docs:serve":"open http://localhost:5000/docs/ && serve ./"},"repository":{"type":"git","url":"git+https://github.com/coreusa/v-debounce.git"},"homepage":"https://retrospirit.net","keywords":["vuejs","vuejs2","vuejs debounce","debounce","directive","input"],"author":{"name":"None"},"license":"MIT","gitHead":"0691bbcacc6cf98b66a1180bde04e9c311a8f3f8","bugs":{"url":"https://github.com/coreusa/v-debounce/issues"},"_id":"v-debounce@0.2.0","_nodeVersion":"16.13.0","_npmVersion":"8.1.0","dist":{"integrity":"sha512-aRm2D8SIs6jI9iaLzxry2TYWZtpuIj7gpQD82wQJFQVrX1iQFsRXdyxONlhlfv2wXV0dEhgXCH1j6+3VEJYpmg==","shasum":"20a6f0ec7025708fb0fddfb5b7186f0954789b78","tarball":"https://registry.npmjs.org/v-debounce/-/v-debounce-0.2.0.tgz","fileCount":4,"unpackedSize":4207,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHIm55g7dkImoDCNZ4j728j7QamTsDar9OQ3MTbJPGqjAiANA0DJ7bBa1+g3G7n0bzHiocF29EhmXYBfrDIeOzqgdw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqxxVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpDjA//dm/2HuuvsFT+xmQsm/7E1tSyf3bP03/e3EXRmVrW9Otzd316\r\nFYmzgifUOLUntZuHBnYB3UUF7nOK63VY5CerbyFL24ov5Ps+WECkHFW1WjVV\r\n0Ul+s54RaOKfaShPnrKgOpb50kk/a+ZQw4qqHT8RCA8lXrZ2zWQpQEZnbm/i\r\nKyfeajAKULJOOT29UKa1EmYVcPUpmtD5PZDL7MqTGlhXladgiy+prTqmEuNg\r\nQg+2tpPFe/x56K4C7dbYN2hEyc7kMmobUTlhwm30rC69dVTBeG8ocsGG29Hk\r\nIM4R8q5j0eOE0N8Mdf+RojQEkSbOiOBExEL8mP4LwcNH05HghityRrcUaTk1\r\nUzmWM9bXk2z+aOiGsW1LVwLczkf5rhYdLHSwEDx+59m0nQEmYL/DNqpl+UNG\r\nUkg2qjM+a9ttEWipjNBh2PuRbjETo8Ej7U9d+UEBTslKVnjRmQU9j6cYh+Py\r\naeZAzs2Svh22Wq287suAy/bn/Jo1u/v/uPpxnpEuWd9NBrUSxqHWcz1SvsTM\r\nYWCHQB5rY2K5ol2dSdVH7TlT7H/oVW/sjBfTwwX1eyoIYQ54kTIm4N8AH33W\r\nFKyHGKrKHWFNA0Rt8O7tShUlUAnQ6xHiEyie1fMbRbYe/Vl/n15vYm6MxUeU\r\nG8L+GHUPRnbS5YiVD+RVBKegX8dfBdc82Gs=\r\n=6Jj5\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"coreus","email":"dosspirit@gmail.com"},"directories":{},"maintainers":[{"name":"coreus","email":"dosspirit@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/v-debounce_0.2.0_1655381076875_0.7756060152105029"},"_hasShrinkwrap":false}},"readme":"# Introduction\r\nDebounce directive for Vue2 to debounce input typing. Forked originally from https://github.com/vuejs-tips/v-debounce\r\nUpdated to include support for IE.\r\n\r\n# Update\r\nThanks for all the downloads and we hope v-debounce is useful in your project(s)! The next release of v-debounce has finally arrived, and introduces some changes.\r\n\r\n## Version changes and potential breaking changes\r\nv-debounce has a slightly changed code markup compared to earlier. The change is to allow for installing the component globally. See below for how usage has changed.\r\n\r\n\r\n### 0.12 (Previously)\r\n```\r\n// In your component\r\nimport debounce from 'v-debounce'\r\n\r\nexport default {\r\n  name: 'List',\r\n  directives: {\r\n    debounce\r\n  }\r\n}\r\n```\r\n\r\n### 0.2.0 (Current)\r\n```\r\n// In your component\r\nimport { directive } from 'v-debounce'\r\n\r\nexport default {\r\n  name: 'List',\r\n  directives: {\r\n    debounce: directive\r\n  }\r\n}\r\n```\r\n\r\n## Install\r\nInstall the NPM package:\r\n```\r\nyarn add v-debounce\r\n\r\n# or if you prefer to use npm\r\n\r\nnpm install --save v-debounce\r\n```\r\n\r\nAnd then register the directive in your Vue instance, either globally or locally in a component.\r\n\r\n```js\r\n/* --- Install the directive globally --- */\r\nimport Vue from 'Vue'\r\nimport debounce from 'v-debounce'\r\n\r\nVue.use(debounce)\r\n\r\n/* --- Import the directive directly in the component --- */\r\n// In single file component\r\n\r\nimport { directive } from 'v-debounce'\r\n\r\nexport default {\r\n  directives: {\r\n    debounce: directive\r\n  }\r\n}\r\n```\r\n\r\n## Usage\r\n\r\n**Template:**\r\n\r\nAdd an input in your template that uses the directive. For example a search field like this:\r\n\r\n```\r\n<input\r\n  v-model.lazy=\"term\"\r\n  v-debounce=\"delay\"\r\n  placeholder=\"Search for something\"\r\n/>\r\n```\r\n\r\nIn your script section, customize delay and keep track of when term changes, which in this case is 1 second after input has stopped.\r\n\r\n**Script:**\r\n\r\n```html\r\n<template>\r\n  <input\r\n    v-model.lazy=\"term\"\r\n    v-debounce=\"delay\"\r\n    placeholder=\"Search for something\"\r\n  />\r\n</template>\r\n\r\n<script>\r\nimport { directive } from 'v-debounce'\r\n\r\nexport default {\r\n  name: 'example',\r\n  data () {\r\n    return {\r\n      delay: 1000,\r\n      term: '',\r\n    }\r\n  },\r\n  watch: {\r\n    term () {\r\n      // Do something with search term after it debounced\r\n      console.log(`Search term changed to ${this.term}`)\r\n    }\r\n  },\r\n  directives: {\r\n    debounce: directive\r\n  }\r\n}\r\n</script>\r\n```\r\n\r\n**Report issues:**\r\n\r\nhttps://github.com/coreusa/v-debounce/issues\r\n","maintainers":[{"name":"coreus","email":"dosspirit@gmail.com"}],"time":{"modified":"2022-06-28T07:58:28.628Z","created":"2017-08-22T07:49:15.218Z","0.1.0":"2017-08-22T07:49:15.218Z","0.1.1":"2017-08-22T08:26:44.103Z","0.1.2":"2017-08-23T07:40:01.960Z","0.2.0":"2022-06-16T12:04:37.089Z"},"keywords":["vuejs","vuejs2","vuejs debounce","debounce","directive","input"],"author":{"name":"None"},"license":"MIT","readmeFilename":"README.md","homepage":"https://retrospirit.net","repository":{"type":"git","url":"git+https://github.com/coreusa/v-debounce.git"},"bugs":{"url":"https://github.com/coreusa/v-debounce/issues"},"users":{"cedricpoilly":true}}