A vue3 port of [avvvatars-react](https://github.com/nusu/avvvatars)
npm install vue-avvvatarsA vue3 port of avvvatars-react
> Beautifully crafted unique avatar placeholder for your next react project Lightweight and customizable ❤️.
https://user-images.githubusercontent.com/1702215/158075475-c23004ab-827a-45ad-bdba-aee29ac5b582.mp4
Credits:
React Authors: Nusu Alabuga and Oguz Yagiz Kara
🙏 Special thanks to Monika Michalczyk for awesome shapes 🙏
With npm
``
npm install vue-avvvatars
Import Avvvatars to your app, then use it anywhere you want.
`vue
import { createApp } from 'vue'
import App from './App.vue'
import avvvatar from 'vue-avvvatars'
const app = createApp(App)
app.use(avvvatar)
app.mount('#app')
`
This is required for plugin to work, each value generates a random avatar to unique to this value, so each time plugin renders, you will get the same results.
`vue`
Override default text by providing displayValue
for example if you provide value=”best_user@gmail.com” the character output will be the first 2 letters of value which is “BE”, if you pass displayValue=”BU” you can override it to BU
`vue`
Use shape or character as avatar.
`vue`
Override default size (32px) by providing a number.
`vue`
Enable shadow around the avatar.
`vue`
Override the radius of the avatar, it takes size by default to always turn it to a circle
`vue`
Toggle border
`vue`
Override border width
`vue`
Override border color
`vue``