mohadese-nm
120 lines
3.5 KiB
JavaScript
120 lines
3.5 KiB
JavaScript
export const useCartStore = defineStore("cart", {
|
|
state: () => {
|
|
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),
|
|
},
|
|
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 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 };
|
|
},
|
|
},
|
|
});
|
|
|