Initial commit

frontend/src/components/ui/avatar.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import { AvatarRoot } from 'radix-vue'
+import { cn } from '@/lib/utils'
+import { computed } from 'vue'
+
+interface Props {
+  class?: string
+}
+
+const props = defineProps<Props>()
+
+const avatarClass = computed(() =>
+  cn('relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full', props.class)
+)
+</script>
+
+<template>
+  <AvatarRoot :class="avatarClass">
+    <slot />
+  </AvatarRoot>
+</template>