From 21bb7372b49ab8ac2ebf42923f131930c9ef6f87 Mon Sep 17 00:00:00 2001
From: padreug <padreug@aiolabs.dev>
Date: Sat, 2 Aug 2025 16:53:26 +0200
Subject: [PATCH] refactor: Replace ShoppingCartIcon with ShoppingCart
 component in ProductCard and Market pages

- Update ProductCard.vue and Market.vue to use the new ShoppingCart component from lucide-vue-next instead of the previous ShoppingCartIcon from heroicons.
- Adjust button and icon imports for consistency across the application.
---
 src/components/market/ProductCard.vue | 18 +++++++++---------
 src/pages/Market.vue                  |  4 ++--
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/market/ProductCard.vue b/src/components/market/ProductCard.vue
index 07c2398..ea585a6 100644
--- a/src/components/market/ProductCard.vue
+++ b/src/components/market/ProductCard.vue
@@ -10,14 +10,14 @@
       />
       
       <!-- Add to Cart Button -->
-      <Button
-        @click="$emit('add-to-cart', product)"
-        :disabled="product.quantity < 1"
-        size="sm"
-        class="absolute top-2 right-2 bg-blue-600 hover:bg-blue-700 text-white"
-      >
-        <ShoppingCartIcon class="w-4 h-4" />
-      </Button>
+              <Button
+          @click="$emit('add-to-cart', product)"
+          :disabled="product.quantity < 1"
+          size="sm"
+          class="absolute top-2 right-2 bg-blue-600 hover:bg-blue-700 text-white"
+        >
+          <ShoppingCart class="w-4 h-4" />
+        </Button>
       
       <!-- Out of Stock Badge -->
       <Badge
@@ -104,7 +104,7 @@ import { ref } from 'vue'
 import { Card, CardContent, CardFooter, CardTitle } from '@/components/ui/card'
 import { Button } from '@/components/ui/button'
 import { Badge } from '@/components/ui/badge'
-import { ShoppingCartIcon } from '@heroicons/vue/24/outline'
+import { ShoppingCart } from 'lucide-vue-next'
 import type { Product } from '@/stores/market'
 
 interface Props {
diff --git a/src/pages/Market.vue b/src/pages/Market.vue
index e49b005..ef5fc30 100644
--- a/src/pages/Market.vue
+++ b/src/pages/Market.vue
@@ -85,7 +85,7 @@
       <!-- Cart Summary -->
       <div v-if="marketStore.cartItemCount > 0" class="fixed bottom-4 right-4">
         <Button @click="viewCart" class="shadow-lg">
-          <ShoppingCartIcon class="w-5 h-5 mr-2" />
+          <ShoppingCart class="w-5 h-5 mr-2" />
           Cart ({{ marketStore.cartItemCount }})
         </Button>
       </div>
@@ -102,7 +102,7 @@ import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
 import { Badge } from '@/components/ui/badge'
 import { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar'
-import { ShoppingCartIcon } from '@heroicons/vue/24/outline'
+import { ShoppingCart } from 'lucide-vue-next'
 import ProductCard from '@/components/market/ProductCard.vue'
 
 const marketStore = useMarketStore()