<template>
   <!-- <section class="tp-cart-area pb-120">
      <div class="container">
        <div v-if="wishlistStore.wishlists.length === 0" class='text-center pt-50'>
          <h3>No Wishlist Items Found</h3>
          <nuxt-link href="/shop" class="tp-cart-checkout-btn mt-20">Continue Shipping</nuxt-link>
        </div>
          <div v-else class="row">
            <div class="col-xl-12">
                <div class="tp-cart-list mb-45 mr-30">
                  <table>
                      <thead>
                        <tr>
                          <th colspan="2" class="tp-cart-header-product">Product</th>
                          <th class="tp-cart-header-price">Price</th>
                          <th>Add Cart</th>
                          <th>Action</th>
                        </tr>
                      </thead>
                      <tbody> -->
                      <!-- wishlist item start -->
                      <!-- <wishlist-item v-for="item in wishlistStore.wishlists" :key="item.id" :item="item"/> -->
                      <!-- wishlist item end -->
                      <!-- </tbody>
                    </table>
                </div>
                <div class="tp-cart-bottom">
                  <div class="row align-items-end">
                      <div class="col-xl-6 col-md-4">
                        <div class="tp-cart-update">
                            <nuxt-link href="/cart" class="tp-cart-update-btn">Go To Cart</nuxt-link>
                        </div>
                      </div>
                  </div>
                </div>
            </div>
          </div>
      </div>
    </section> -->
</template>

<script setup lang="ts">
import { useWishlistStore } from "@/pinia/useWishlistStore";
const wishlistStore = useWishlistStore();
</script>
