welcome to nuxt glorious

Avatar

An image with load by nuxt image


Example

Simple example for GAvatar

md
            
<GAvatar
    src="https://avatars.githubusercontent.com/u/153068285?v=4"
    size="lg"
/>

        

config

config for global setting , set on nuxt.config

            
glorious:{
    components:{
        avatar:{
            props:{
                size:'xl',
                rounded:'lg',
                alt:'avatar'
            }
        }
    }
}

        

props

PropTypeDefault
sizexl | lg | md | sm | xsmd
roundedxl | lg | md | sm | xs | fullmd
srcstring-
altstringavatar