heymlz/hossein-por-shop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added product link for cart item

Browse Source
This commit is contained in:
Mamalizz
2025-10-03 21:39:01 +03:30
parent 0d8c278054
commit 74039c8ded
1 changed files with 32 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/components/cart/index/CartItem.vue
+32 -4
View File
@@ -36,7 +36,7 @@ const { isLoading: cartImageIsLoading } = useImage({
const { mutateAsync: deleteCartItem, isPending: deleteCartItemIsPending } = useDeleteCartItem();
const { mutateAsync: addCartItem } = useAddCartItem();
const { mutateAsync: addCartItem, isPending: addItemInCartQuantityIsPending } = useAddCartItem();
// methods
@@ -153,7 +153,7 @@ watch(
</div>
<NuxtLink
:to="`product/${data.product.id}`"
:to="{ name: 'product-id', params: { id: data.product.slug } }"
class="font-semibold typo-sub-h-sm lg:typo-sub-h-xl text-black underline underline-offset-2"
>
{{ data.product.title }}
@@ -196,7 +196,22 @@ watch(
/>
</button>
<div class="size-10 flex-center">{{ counter }}</div>
<div
v-if="addItemInCartQuantityIsPending"
class="size-10 flex-center"
>
<Icon
:name="'svg-spinners:180-ring-with-bg'"
class="size-[18px]"
/>
</div>
<div
v-else
class="size-10 flex-center"
>
{{ counter }}
</div>
<button
@click="handleDecreaseQuantity"
@@ -246,7 +261,20 @@ watch(
/>
</button>
<div class="size-10 text-sm flex-center">
<div
v-if="addItemInCartQuantityIsPending"
class="size-10 text-sm flex-center"
>
<Icon
:name="'svg-spinners:180-ring-with-bg'"
class="size-[25px]"
/>
</div>
<div
v-else
class="size-10 text-sm flex-center"
>
{{ counter }}
</div>