From 93adf060128352f639369d1467a79e93b13f5da0 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Thu, 13 Mar 2025 20:22:07 +0330
Subject: [PATCH] added no cart item style

---
 frontend/layouts/Cart.vue | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/frontend/layouts/Cart.vue b/frontend/layouts/Cart.vue
index c3bb6d5..cb9c338 100644
--- a/frontend/layouts/Cart.vue
+++ b/frontend/layouts/Cart.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import useGetOrdersCart from "~/composables/api/orders/useGetOrdersCart";
+
 // state
 
 const route = useRoute();
@@ -7,6 +9,16 @@ const route = useRoute();
 
 const pageTitle = computed(() => route.meta.pageTitle);
 const prevPage = computed(() => route.meta.prevPage);
+
+// queries
+
+const { data: cart } = useGetOrdersCart();
+
+// computed
+
+const hasCartItem = computed(
+    () => !!cart.value && cart.value.items.length! > 0
+);
 </script>
 
 <template>
@@ -52,12 +64,13 @@ const prevPage = computed(() => route.meta.prevPage);
                     class="w-full flex flex-col items-center relative justify-between gap-8 lg:gap-6 lg:flex-row lg:items-start"
                 >
                     <div
-                        class="flex flex-col w-full gap-4 lg:gap-6 lg:w-9/12 shrink-0"
+                        class="flex flex-col w-full gap-4 lg:gap-6 shrink-0"
+                        :class="hasCartItem ? 'lg:w-9/12' : ''"
                     >
                         <NuxtPage />
                     </div>
 
-                    <CartSummary />
+                    <CartSummary v-if="hasCartItem" />
                 </div>
             </div>
             <ProductsSlider title="دیگران این محصولات را هم خریده‌اند" />