fix: cart

bo/src/components/customer/PageCart.vue

@@ -1,15 +1,12 @@
 <template>
-  <component :is="Default || 'div'">
     <div class="flex flex-col gap-5 md:gap-10">
       <h1 class="text-2xl font-bold text-black dark:text-white">
         Shopping Cart
       </h1>
     </div>
-  </component>
 </template>
 
 <script setup lang="ts">
-import Default from '@/layouts/default.vue';
 import { useCartStore } from '@/stores/customer/cart';
 
 const cartStore =useCartStore()

bo/src/components/customer/PageCarts.vue

@@ -37,7 +37,7 @@
                                 @change="toggleCart(cart.cart_id)" />
                         </div>
                     </div>
-                    <div v-else class="p-8 text-center">
+                    <div v-else class="p-8 text-center flex items-center justify-center">
                         <UIcon name="mdi:cart-outline" class="text-4xl text-gray-300 dark:text-gray-600 mb-2" />
                         <p class="text-gray-500 dark:text-gray-400">{{ t('No carts yet') }}</p>
                     </div>
@@ -67,14 +67,12 @@
                 </div>
             </template>
         </UModal>
-    </component>
 </template>
 
 <script setup lang="ts">
 import { ref, onMounted } from 'vue'
 import { useCartStore } from '@/stores/customer/cart'
 import { useI18n } from 'vue-i18n'
-import Default from '@/layouts/default.vue'
 import { useRouter } from 'vue-router'
 
 const router = useRouter()