mirror of
https://github.com/koel/koel
synced 2024-12-20 09:33:23 +00:00
19 lines
418 B
Vue
19 lines
418 B
Vue
<template>
|
|
<img :alt="`Avatar of ${user.name}`" :src="user.avatar" :title="user.name">
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { toRefs } from 'vue'
|
|
|
|
const props = defineProps<{ user: Pick<User, 'name' | 'avatar'> }>()
|
|
const { user } = toRefs(props)
|
|
</script>
|
|
|
|
<style scoped lang="postcss">
|
|
img {
|
|
border-radius: 50%;
|
|
aspect-ratio: 1/1;
|
|
background: var(--color-bg-primary);
|
|
object-fit: cover;
|
|
}
|
|
</style>
|