A simple honeypot component for Vue.js.
A honeypot is an artificial input field that is invisible to the user but visible to spambots. Spambots try to fill out as many fields as possible, so this is an effective way to detect a spambot.
## Features
* Component and validation function
* Uses `position: absolute` and `opacity: 0` instead of `display: none` because some spambots detect `display: none`
* Hide the component for screen readers
* Disable autocomplete
* Disable tab focus
## Install via a package manager
```bash
# npm
$ npm install vue-honeypot
# Yarn
$ yarn add vue-honeypot
```
Add to local components:
```html
```
Or register as a global component:
```js
import VueHoneypot from 'vue-honeypot'
app.component('VueHoneypot', VueHoneypot)
```
Or register as a plugin:
```js
import VueHoneypot from 'vue-honeypot'
app.use(VueHoneypot)
```
## Install via CDN
```html
```
## Usage
Add the component to your form and add a `ref`:
```html
```
Then validate the honeypot in the `submit` function:
```js
```
## Contribute
Are you missing something or want to contribute? Feel free to file an [issue](https://github.com/dword-design/vue-honeypot/issues) or a [pull request](https://github.com/dword-design/vue-honeypot/pulls)! ⚙️
## Support
Hey, I am Sebastian Landwehr, a freelance web developer, and I love developing web apps and open source packages. If you want to support me so that I can keep packages up to date and build more helpful tools, you can donate here:
If you want to send me a one time donation. The coffee is pretty good 😊. Also for one time donations if you like PayPal. Here you can support me regularly, which is great so I can steadily work on projects.
