fix: changed v-model to prop for avatars in MultipleAvatar component

frontend/src/components/MultipleAvatar.vue

@@ -1,8 +1,15 @@
 <template>
-  <div v-if="avatars?.length" class="mr-1.5 flex flex-row-reverse items-center cursor-pointer">
-    <Tooltip :text="avatar.name" v-for="avatar in reverseAvatars" :key="avatar.name">
+  <div
+    v-if="avatars?.length"
+    class="mr-1.5 flex cursor-pointer flex-row-reverse items-center"
+  >
+    <Tooltip
+      :text="avatar.name"
+      v-for="avatar in reverseAvatars"
+      :key="avatar.name"
+    >
       <Avatar
-        class="-mr-1.5 transform border-2 border-white transition hover:z-10 hover:scale-125"
+        class="-mr-1.5 transform border-2 border-white transition hover:z-10 hover:scale-110"
         shape="circle"
         :image="avatar.image"
         :label="avatar.label"
@@ -13,8 +20,13 @@
 </template>
 <script setup>
 import { Avatar, Tooltip } from 'frappe-ui'
-import { computed, defineModel } from 'vue'
+import { computed } from 'vue'
 
-const avatars = defineModel()
-const reverseAvatars = computed(() => avatars.value.reverse())
+const props = defineProps({
+  avatars: {
+    type: Array,
+    default: [],
+  },
+})
+const reverseAvatars = computed(() => props.avatars.reverse())
 </script>

frontend/src/pages/Deal.vue

@@ -32,7 +32,7 @@
         <Button icon="more-horizontal" />
       </Dropdown>
       <MultipleAvatar
-        v-model="deal.data._assignedTo"
+        :avatars="deal.data._assignedTo"
         @click="showAssignmentModal = true"
       />
       <Dropdown :options="statusOptions('deal', updateField)">

frontend/src/pages/Lead.vue

@@ -32,7 +32,7 @@
         <Button icon="more-horizontal" />
       </Dropdown>
       <MultipleAvatar
-        v-model="lead.data._assignedTo"
+        :avatars="lead.data._assignedTo"
         @click="showAssignmentModal = true"
       />
       <Dropdown :options="statusOptions('lead', updateField)">