From 70837530e86dccf366130de648a4f9fea6a85b8e Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Mon, 30 Jun 2025 21:37:56 +0200
Subject: [PATCH] Refactor

---
 components/Products/ProductsSingleProduct.vue    | 14 ++++----------
 components/common/{Toast.vue => CommonToast.vue} |  0
 2 files changed, 4 insertions(+), 10 deletions(-)
 rename components/common/{Toast.vue => CommonToast.vue} (100%)

diff --git a/components/Products/ProductsSingleProduct.vue b/components/Products/ProductsSingleProduct.vue
index 8dcf9c0e..d7bfcaa2 100644
--- a/components/Products/ProductsSingleProduct.vue
+++ b/components/Products/ProductsSingleProduct.vue
@@ -6,7 +6,7 @@
           <div
             class="grid grid-cols-1 gap-4 mt-8 lg:grid-cols-2 xl:grid-cols-2 md:grid-cols-2 sm:grid-cols-2"
           >
-            <ProductImage
+            <ProductsImage
               :alt="data.product.name"
               :src="data.product.image.sourceUrl"
             />
@@ -14,7 +14,7 @@
               <p class="text-3xl font-bold text-left">
                 {{ data.product.name }}
               </p>
-              <ProductPrice
+              <ProductsPrice
                 :product="data.product"
                 :shouldCenterPrice="false"
                 priceFontSize="big"
@@ -82,10 +82,6 @@ import { ref, watch, computed } from "vue";
 
 import GET_SINGLE_PRODUCT_QUERY from "@/apollo/queries/GET_SINGLE_PRODUCT_QUERY.gql";
 
-import ProductImage from "@/components/Products/ProductImage.vue";
-import ProductPrice from "@/components/Products/ProductPrice.vue";
-import Toast from "@/components/common/Toast.vue";
-
 import { stripHTML, filteredVariantName } from "@/utils/functions";
 
 import { useCart } from "@/store/useCart";
@@ -113,7 +109,7 @@ watch(
         dataValue.product?.variations?.nodes[0].databaseId;
     }
   },
-  { immediate: true },
+  { immediate: true }
 );
 
 /**
@@ -126,8 +122,6 @@ const addProductToCart = async (product) => {
   try {
     await cart.addToCart(product);
     toast.value.show();
-  } catch (error) {
-   
-  }
+  } catch (error) {}
 };
 </script>
diff --git a/components/common/Toast.vue b/components/common/CommonToast.vue
similarity index 100%
rename from components/common/Toast.vue
rename to components/common/CommonToast.vue