refactor: product item delete (incomplete)

src/components/05_quotation/ProductItem.vue

@@ -13,7 +13,7 @@ const priceData = defineModel<{
 });
 
 defineEmits<{
-  (e: 'delete'): void;
+  (e: 'delete', index: number): void;
 }>();
 
 withDefaults(
@@ -103,7 +103,7 @@ const columns = [
       :rows="rows"
       imgColumn="name"
       :customColumn="['amount', 'pricePerUnit', 'discount', 'tax', 'sumPrice']"
-      @delete="$emit('delete')"
+      @delete="(i) => $emit('delete', i)"
     >
       <template v-slot:img-column="{ props }">
         <q-avatar class="q-mr-sm" size="md">

src/components/TableComponents.vue

@@ -88,7 +88,11 @@ defineEmits<{
     <template v-slot:body-cell-action="props">
       <q-td class="text-center row items-center">
         <slot name="button" :props="props"></slot>
-        <DeleteButton iconOnly v-if="buttonDelete" />
+        <DeleteButton
+          iconOnly
+          v-if="buttonDelete"
+          @click="$emit('delete', props.rowIndex)"
+        />
 
         <q-btn
           v-if="!buttonDelete"