<template>
    <div>
        <img v-if="avatar" src="avatar" alt="alt" class="avatar" v-bind:class="'avatar' + size">
        <span v-else class="avatar" v-bind:class="'avatar-' + size">{{ alt[0] }}</span>
    </div>

</template>

<script>
    export default {
        name: "Avatar",
        props: ['avatar', 'alt', 'size']
    }
</script>
