componentStyles () {
      return {
        w: this.size,
        h: this.size,
        textAlign: 'center',
        textTransform: 'uppercase',
        fontWeight: 'medium'
      }
    }
CAvatarName component

Avatar name component displays the fallback initials fallback
for the Avatar in case the image fails to load, and before the
image loads.

@extends CBox
@see Docs https://vue.chakra-ui.com/avatar