From 773a23f969d2dbbbcb01582f9e127e02f0248be9 Mon Sep 17 00:00:00 2001
From: Beautus <48126337+sduduzog@users.noreply.github.com>
Date: Mon, 17 Jul 2023 10:52:06 +0200
Subject: [PATCH] feat(Avatar)!: bind component attributes to img element
 (#421)

---
 src/runtime/components/elements/Avatar.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/runtime/components/elements/Avatar.vue b/src/runtime/components/elements/Avatar.vue
index b2ebdb52..384eb44c 100644
--- a/src/runtime/components/elements/Avatar.vue
+++ b/src/runtime/components/elements/Avatar.vue
@@ -1,6 +1,13 @@
 <template>
   <span :class="wrapperClass">
-    <img v-if="url && !error" :class="avatarClass" :src="url" :alt="alt" :onerror="() => onError()">
+    <img
+      v-if="url && !error"
+      :class="avatarClass"
+      :alt="alt"
+      :src="url"
+      v-bind="$attrs"
+      :onerror="() => onError()"
+    >
     <span v-else-if="text || placeholder" :class="ui.placeholder">{{ text || placeholder }}</span>
 
     <span v-if="chipColor" :class="chipClass">
@@ -23,6 +30,7 @@ import appConfig from '#build/app.config'
 // const appConfig = useAppConfig()
 
 export default defineComponent({
+  inheritAttrs: false,
   props: {
     src: {
       type: [String, Boolean],