1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
| <script setup lang="ts">
| import type { AvatarVariants } from './avatar';
|
| import { cn } from '@vben-core/shared/utils';
|
| import { AvatarRoot } from 'radix-vue';
|
| import { avatarVariant } from './avatar';
|
| const props = withDefaults(
| defineProps<{
| class?: any;
| shape?: AvatarVariants['shape'];
| size?: AvatarVariants['size'];
| }>(),
| {
| shape: 'circle',
| size: 'sm',
| },
| );
| </script>
|
| <template>
| <AvatarRoot :class="cn(avatarVariant({ size, shape }), props.class)">
| <slot></slot>
| </AvatarRoot>
| </template>
|
|