<template>

    <div class="row">
        <div>
            <div class="tp-cart-list mb-25">
                <table>
                    <thead>
                        <tr>
                            <th class="tp-cart-header-product">Producto</th>
                            <th class="tp-cart-header-price">Precio</th>
                            <th class="tp-cart-header-quantity">Cantidad</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody v-if="cartStore.cart_products">
                        <!-- cart item start -->
                        <checkout-products-item v-for="item in cartStore.cart_products.items" :key="item.id"
                            :item="item" />
                        <!-- <cart-item v-for="item in cartStore.cart_products.items" :key="item.id" :item="item" /> -->
                        <!-- cart item end -->
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</template>
<script setup lang="ts">
import { useCartStore } from '@/pinia/cart/cart.store';
const cartStore = useCartStore();

</script>