1.0.1 ā¢ Published 2 years ago
svelte-hidden-email v1.0.1
svelte-hidden-email
Obfuscate email addresses from bots in your svelte project
Installation š§
First you need a Svelte 3 project. Its starter template lives at https://github.com/sveltejs/template.
Then install the component by running the following command in your project's directory:
npm install svelte-hidden-email
Features ā¤
- Zero dependencies!
- Protects you from 99.9% of scrapping bots
- Renders an empty standard
<a>
tag
How to use š
- First import the component on your svelte page's script section.
import HiddenEmail from 'svelte-hidden-email/src/index.js'
- Call the component where you want it to be placed e.g.:
<HiddenEmail to="user@domain.tld" title="Send us an email" />
If you input an invalid email address nothing will be rendered and a console error will be produced.
How it works š®
The email is rendered inside a CSS psuedo-element leaving the <a>
tag empty.
The Cons ā
- Bots that do OCR can still scrap emails hidden with this trick
Contribution šļø
Feel free to fork. If you find a bug or got something great to add make a pull request!
Authors āļø
- John Rallis - Initial Work - rallisf1
You can also look at the list of all the contributors who have participated in this project.
License š
This project is free to use, edit & distribute under the GNU GPLv3 License.
Expressions of Gratitude š
- Tell others about this project š¢
- Buy me a beer šŗ or coffee ā | āæ Crypto |š° Cash
- Publicly thanks š¤
āØļø with ā¤ļø by rallisf1 š