this is my compenent
`
<VueMultiselect class="multiselect__staff" placeholder="Select Members" v-model="modelValueProxy" :options="options" :close-on-select="false" :multiple="multiple" :allow-empty="true" :clear-on-select="true" label="full_name" track-by="user_id" @update:model-value="updateSelected">
<template #tag="{option}">
<!-- Dropdown items -->
<template #option="{option}">
<div class="flex items-center gap-2">
<Avatar :user_id="option.user_id" size="xs" :status="false" />
<span>{{ option.full_name }}</span>
</div>
</template>
</VueMultiselect>
`
And when i click a selected item from it aways remove the last one in creating confusion between the two lists
this is my compenent
`
<VueMultiselect class="multiselect__staff" placeholder="Select Members" v-model="modelValueProxy" :options="options" :close-on-select="false" :multiple="multiple" :allow-empty="true" :clear-on-select="true" label="full_name" track-by="user_id" @update:model-value="updateSelected">
<template #tag="{option}">