Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
vue-honeypot
Advanced tools
Changelog
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 197 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
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.