fix: delete cart product when click on minus

src/js/pages/cart.ts

@@ -10,6 +10,28 @@ import handleCartAction from '../components/UseHandleCartAction';
 export default () => {
   const {Theme} = window;
   const voucherCodes = document.querySelectorAll(Theme.selectors.cart.discountCode);
+  const cartContainer = document.querySelector<HTMLElement>(Theme.selectors.cart.container);
+
+  if (cartContainer) {
+    cartContainer.addEventListener('click', (event: Event) => {
+      const eventTarget = event.target as HTMLElement;
+
+      if (eventTarget.classList.contains('js-decrement-button')) {
+        const targetItem = eventTarget.closest('.cart__item');
+        const targetValue = targetItem?.querySelector('.js-cart-line-product-quantity') as HTMLElement | null;
+
+        if (targetValue && targetValue.getAttribute('value') === '1' && targetValue.getAttribute('min') === '1') {
+          if (targetItem) {
+            const removeButton = targetItem.querySelector('.remove-from-cart') as HTMLElement | null;
+
+            if (removeButton) {
+              removeButton.click();
+            }
+          }
+        }
+      }
+    });
+  }
 
   voucherCodes.forEach((voucher) => {
     voucher.addEventListener('click', (event: Event) => {
@@ -33,8 +55,6 @@ export default () => {
     });
   });
 
-  const cartContainer = document.querySelector<HTMLElement>(Theme.selectors.cart.container);
-
   if (cartContainer) {
     cartContainer.addEventListener('click', (event: Event) => {
       const eventTarget = event.target as HTMLElement;