Как узнать, из какого потомка создается событие в vue.js 3?

Если у меня есть компонент:

<product-display 
  :premium = "premium" 
  :cart = "cart" 
  @add-to-cart='updateCart' 
  @remove-from-cart='removeById'>
</product-display>

с помощью этих двух методов:

 methods: {
        removeFromCart() {
            this.$emit('remove-from-cart', this.variants[this.selectedVariant].id)
        },
        addToCart() {
            this.$emit('add-to-cart', this.variants[this.selectedVariant].id)
        },

А у родителя есть такие методы:

 methods: {
        updateCart (id) {
            this.cart.push(id)
        },
        removeById(id) {
            const index = this.cart.indexOf(id)
                if (index > -1) {
                    this.cart.splice(index, 1)
                }
        }
    }

Есть ли способ удалить один метод из родительского и использовать только updateCart(id), зная, из какого дочернего элемента генерируется событие?

Итак, в HTML вы получите:

 @add-to-cart='updateCart' 
 @remove-from-cart='updateCart'