How to empty a Magento 2 cart using JS

1. Create a custom controller to clear the cart

First, create a custom module with a controller that clears the current cart session. You’ll use the Magento\Checkout\Model\Cart class to truncate the quote and save it.

Here’s the full controller code:

<?php
namespace Vendor\Module\Controller\Cart;

use Magento\Framework\App\Action\Context;
use Magento\Framework\Controller\Result\JsonFactory;
use Magento\Checkout\Model\Cart;

class Clear extends \Magento\Framework\App\Action\Action
{
    protected $jsonFactory;
    protected $cart;

    public function __construct(
        Context $context,
        JsonFactory $jsonFactory,
        Cart $cart
    ) {
        $this->jsonFactory = $jsonFactory;
        $this->cart = $cart;
        parent::__construct($context);
    }

    public function execute()
    {
        $result = $this->jsonFactory->create();
        try {
            $this->cart->truncate()->saveQuote();
            $result->setData(['success' => true, 'message' => __('Cart cleared successfully')]);
        } catch (\Exception $e) {
            $result->setData(['success' => false, 'message' => $e->getMessage()]);
        }
        return $result;
    }
}

Make sure to register your module and add the correct routes.xml entry to expose this controller at a URL like /vendor/module/cart/clear.