QuantEngineByItz/src/frontend/src/components/QuantAvatar.vue

<!-- PrimeVue Avatar Transparent Adapter Wrapper: QuantAvatar -->
<template>
  <Avatar
    v-bind="$attrs"
    :label="label"
    :icon="icon"
    :image="image"
    :shape="shape || 'circle'"
    :size="size || 'normal'"
    class="quant-avatar font-bold text-xs"
  >
    <template v-for="(_, slotName) in $slots" :key="slotName" #[slotName]="slotProps">
      <slot :name="slotName" v-bind="slotProps || {}"></slot>
    </template>
  </Avatar>
</template>

<script setup lang="ts">
import Avatar from 'primevue/avatar';

defineOptions({
  inheritAttrs: false
});

defineProps<{
  label?: string;
  icon?: string;
  image?: string;
  shape?: 'square' | 'circle';
  size?: 'normal' | 'large' | 'xlarge';
}>();
</script>