Enhancements: - Introduced `wishlist.vue` for displaying and managing the wishlist. - Added guest cart and wishlist handling via cookies for unauthenticated users. - Implemented synchronization logic for wishlist and cart (`useOrderSync` and `useWishlistSync`) upon user login. - Updated `cart.vue` layout with a bulk 'add all to cart' button for wishlist items. - Enhanced `post.vue` prop handling for improved type safety. Fixes: - Fixed breadcrumbs console log removal in `useBreadcrumbs.ts`. - Corrected and unified translations in `en-gb.json` for cart and wishlist descriptions. - Fixed stale routes in footer (`terms-and-condition` -> `terms-and-conditions`, etc.). Extras: - Refactored composables `useWishlistOverwrite` and `useOrderOverwrite` for cookie-based fallback. - Applied code styling improvements, organized imports, and optimized API requests in Apollo plugin.
46 lines
1.2 KiB
TypeScript
46 lines
1.2 KiB
TypeScript
import { orderStatuses } from '@appConstants';
|
|
import { useOrderSync } from '@composables/orders';
|
|
import {useWishlistSync} from "@composables/wishlist";
|
|
import { getUserBaseData } from '@graphql/queries/combined/userBaseData';
|
|
import type { IUserBaseDataResponse } from '@types';
|
|
|
|
export async function useUserBaseData(userEmail: string) {
|
|
const wishlistStore = useWishlistStore();
|
|
const cartStore = useCartStore();
|
|
const promocodeStore = usePromocodeStore();
|
|
|
|
const { syncWishlist } = useWishlistSync();
|
|
const { syncOrder } = useOrderSync();
|
|
|
|
const { document, variables } = getUserBaseData({
|
|
userEmail,
|
|
status: orderStatuses.PENDING,
|
|
});
|
|
|
|
const { mutate, error } = useMutation<IUserBaseDataResponse>(document);
|
|
|
|
const result = await mutate(variables);
|
|
const data = result?.data;
|
|
|
|
if (data?.wishlists.edges) {
|
|
wishlistStore.setWishlist(data.wishlists.edges[0].node);
|
|
|
|
await syncWishlist();
|
|
}
|
|
if (data?.orders.edges) {
|
|
cartStore.setCurrentOrders(data.orders.edges[0].node);
|
|
|
|
await syncOrder();
|
|
}
|
|
if (data?.promocodes.edges) {
|
|
promocodeStore.setPromocodes(data.promocodes.edges);
|
|
}
|
|
|
|
watch(error, (err) => {
|
|
if (err) {
|
|
console.error('useUserBaseData error:', err);
|
|
}
|
|
});
|
|
|
|
return {};
|
|
}
|