@vuecs/gravatar
@vuecs/gravatar
<VCGravatar> — Gravatar avatars for Vue 3, part of vuecs. Hashes the email client-side, builds the Gravatar URL, and renders through <VCAvatar> so you get graceful fallback content for free.
✨ What's inside
- 📧
emailor precomputedhash— pass either; hashing happens for you. - 🖼️ Fallback support — composes
<VCAvatar>from@vuecs/elements: broken/missing images fall back to your#fallbackslot (initials, icon, …). - ⚙️ Full Gravatar API surface —
size,defaultImg(retroby default),rating, customhostname/protocolfor self-hosted proxies. - 📐 Display sizing —
displaySize(sm/md/lg) maps onto the avatar's theme variant, independent of the fetched pixelsize.
📦 Installation
npm install @vuecs/gravatar
⚡ Usage
<VCGravatar email="user@example.com" :size="160" display-size="lg">
<template #fallback>JD</template>
</VCGravatar>
📚 Documentation
Full reference + live demo: vuecs.dev/components/gravatar
License
Made with 💚
Published under Apache 2.0 License.
Related Packages
@sauromates/vue-gravatar
Reusable, customizable and fully typed Gravatar component for Vue3 projects.
5,372
2
vue-boring-avatars
vue-boring-avatars is a Vue.js port of Boring Avatars, a JS library that generat...
2,151,679
126
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 2.1.1 | ^3.x | Apache-2.0 | |
| 2.1.0 | ^3.x | Apache-2.0 | |
| 2.0.10 | ^3.x | Apache-2.0 | |
| 2.0.9 | ^3.x | Apache-2.0 | |
| 2.0.8 | ^3.x | Apache-2.0 | |
| 2.0.7 | ^3.x | Apache-2.0 | |
| 2.0.6 | ^3.x | Apache-2.0 | |
| 2.0.5 | ^3.x | Apache-2.0 | |
| 2.0.4 | ^3.x | Apache-2.0 | |
| 2.0.3 | ^3.x | Apache-2.0 | |
| 2.0.2 | ^3.x | Apache-2.0 | |
| 2.0.1 | ^3.x | Apache-2.0 | |
| 2.0.0 | ^3.x | Apache-2.0 | |
| 1.0.2 | ^3.x | ||
| 1.0.1 | ^3.x | ||
| 1.0.0 | ^3.x |