diff --git a/pages/bag.vue b/pages/bag.vue
index 70873ef..2ea776c 100644
--- a/pages/bag.vue
+++ b/pages/bag.vue
@@ -101,13 +101,36 @@ export default {
         
         },
         cartRemoveItem(itemslug) {
+        let cartData = {}
         // alert(itemslug)
         var json = localStorage.cart;
         // var key = "foo";
-        delete json[itemslug];
-        localStorage.cart =json;
+        // delete json[itemslug];
+        // localStorage.cart =json;
         // localStorage.cart =  '[]';
         // this.$forceUpdate();
+        try {
+            cartData = JSON.parse(json)
+        }
+        catch(err) {
+            console.log("unable to get local storage data")
+        }
+        console.log("final data",cartData, itemslug)
+
+        let index = cartData.findIndex(x => x.product.slug ===itemslug);
+        console.log("index:",index)
+        
+        // debugger
+        if(index>=0){
+            cartData.splice(index, 1);
+        } else {
+            console.log("unable to remove the cart: index, cart item not available", index, "final data:", cartData)
+            return
+        }
+        localStorage.cart =  JSON.stringify(cartData);
+        console.log("cartData:",cartData)
+        
+        
         this.$router.go(0);