fixed add to cart bugs

stores/cart.js

@@ -1,60 +1,120 @@
-export const useCartStore = defineStore('cart', {
+export const useCartStore = defineStore("cart", {
     state: () => {
-        return {
-            items: [],
-            loading: false
-        }
+      return {
+        items: [],
+        loading: false,
+        paymentUrl: "",
+      };
     },
     getters: {
-        count: (state) => state.items.reduce((sum, item) => sum + item.quantity, 0) || 0,
-        find: (state) => (id) => state.items.find((item) => item.product?.id == id)
+      count: (state) =>
+        state.items.reduce((sum, item) => sum + item.quantity, 0) || 0,
+      find: (state) => (id) =>
+        state.items.find((item) => item?.product?.id == id),
     },
     actions: {
-        async get() {
-            const { status, data } = await useFetch('/api/users/current/cart', {
-                headers: { Authorization: useCookie('token') }
-            })
-
-            if (status.value == 'success') {
-                this.items = data.value.cart
-            }
-        },
-        async clear() {
-            const { status } = await useFetch('/api/users/cart', {
-                headers: { Authorization: useCookie('token') }, method: 'delete', body: {}
-            })
-
-            if (status.value == 'success') {
-                this.items = []
-            }
-        },
-        async update(product, quantity = 0) {
-            this.loading = true
-            const cart = { product }
-            if (quantity > 0) {
-                //update
-                let item = this.find(product)
-                if (item) item.quantity = quantity
-
-                cart.quantity = quantity
-                const { status, data } = await useFetch('/api/users/cart', {
-                    headers: { Authorization: useCookie('token') }, method: 'put', body: { cart }
-                })
-                if (status.value == 'success') {
-                    const temp = { product: data.value, quantity }
-                    if (item) item = temp
-                    else this.items.push(temp)
-                }
-            } else {
-                //remove
-                const { status } = await useFetch('/api/users/cart', {
-                    headers: { Authorization: useCookie('token') }, method: 'patch', body: { cart }
-                })
-                if (status.value == 'success') {
-                    this.items = this.items.filter((item) => item.product.id != product)
-                }
-            }
-            this.loading = false
+      async get() {
+        const { status, data } = await useFetch("/api/users/current/cart", {
+          headers: { Authorization: useCookie("token") },
+        });
+  
+        if (status.value == "success") {
+          this.items = data.value.cart;
         }
-    }
-})
+      },
+      async clear() {
+        const { status } = await useFetch("/api/users/cart", {
+          headers: { Authorization: useCookie("token") },
+          method: "delete",
+          body: {},
+        });
+  
+        if (status.value == "success") {
+          this.items = [];
+        }
+      },
+      async create() {
+        if (this.items.length > 0) {
+          const cart = Object.assign([], this.items).map((item) => {
+            item.product = item.product.id;
+            return item;
+          });
+          this.items = [];
+          const { status } = await useFetch("/api/users/cart", {
+            headers: { Authorization: useCookie("token") },
+            method: "put",
+            body: { cart },
+          });
+          if (status.value == "success") {
+            localStorage.removeItem("cart");
+            this.get();
+          }
+        }
+      },
+      async update(product, quantity = 0) {
+        const token = useCookie("token");
+  
+        this.loading = true;
+        const cart = { product: product.id };
+        if (quantity > 0) {
+          //update
+          let item = this.find(product.id);
+          if (item) item.quantity = quantity;
+  
+          if (token.value) {
+            cart.quantity = quantity;
+            const { status, data } = await useFetch("/api/users/cart", {
+              headers: { Authorization: token },
+              method: "put",
+              body: { cart },
+            });
+            if (status.value == "success") {
+              const temp = { product: data.value, quantity };
+              if (item) item = temp;
+              else this.items.push(temp);
+            }
+          } else {
+            const temp = { product, quantity };
+            if (item) item = temp;
+            else this.items.push(temp);
+          }
+        } else {
+          //remove
+          if (token.value) {
+            const { status } = await useFetch("/api/users/cart", {
+              headers: { Authorization: useCookie("token") },
+              method: "patch",
+              body: { cart },
+            });
+            if (status.value == "success") {
+              this.items = this.items.filter(
+                (item) => item.product.id != product.id
+              );
+            }
+          } else {
+            this.items = this.items.filter(
+              (item) => item.product.id != product.id
+            );
+          }
+        }
+        this.loading = false;
+      },
+      async createPayment(id) {
+        const { status, data } = await useFetch(
+          `/api/orders/swift/payment/${id}`,
+          {
+            headers: { Authorization: useCookie("token"), method: "post" },
+          }
+        );
+  
+        if (status.value == "success") {
+          console.log(data.value.url);
+          this.paymentUrl = data.value.url;
+          window.open(data.value.url, "_blank");
+        }
+  
+        return { data, status };
+      },
+    },
+  });
+