Security News
New Proposed CISA Mandate Would Require Critical Infrastructure to Report Ransom Payments Within 24 Hours
CISA has proposed a set of new rules that would require critical infrastructure to report cyber incidents and ransom payments.
vue-honeypot
Advanced tools
A simple honeypot component for Vue.js.
Weekly downloads
Readme
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.
position: absolute
and opacity: 0
instead of display: none
because some spambots detect display: none
# npm
$ npm install vue-honeypot
# Yarn
$ yarn add vue-honeypot
Add to local components:
<script>
import VueHoneypot from 'vue-honeypot'
export default {
components: {
VueHoneypot,
},
}
</script>
Or register as a global component:
import VueHoneypot from 'vue-honeypot'
app.component('VueHoneypot', VueHoneypot)
Or register as a plugin:
import VueHoneypot from 'vue-honeypot'
app.use(VueHoneypot)
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script src="https://unpkg.com/vue-honeypot"></script>
Add the component to your form and add a ref
:
<template>
<form @submit="submit">
<label for="email">Email</label>
<input type="email" id="email" />
<label for="password">Password</label>
<input type="password" id="password" />
<!-- Setup the honeypot -->
<vue-honeypot ref="honeypot" />
</form>
</template>
Then validate the honeypot in the submit
function:
<script>
export default {
methods: {
submit() {
try {
this.$refs.honeypot.validate()
} catch (error) {
// error handling
}
},
},
}
</script>
Are you missing something or want to contribute? Feel free to file an issue or a pull request! ⚙️
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.
Thanks a lot for your support! ❤️
FAQs
A simple honeypot component for Vue.js.
The npm package vue-honeypot receives a total of 216 weekly downloads. As such, vue-honeypot popularity was classified as not popular.
We found that vue-honeypot demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
CISA has proposed a set of new rules that would require critical infrastructure to report cyber incidents and ransom payments.
Security News
Redis is no longer OSS, breaking its explicit commitment to remain under the BSD 3-Clause License forever. This has angered contributors who are now working to fork the software.
Product
Socket AI now enables 'AI detected potential malware' alerts by default, ensuring users benefit from AI-powered state-of-the-art malware detection without needing to opt-in.