Add small changes to fetch using composable

pages/Items/Create.vue

@@ -84,8 +84,9 @@ const handleSubmit = async () => {
       price: formData.value.price,
     },
   });
-  if (error.value) {
+  if(error.value) {
     console.error("Error creating item:", error);
+    return;
   }
   navigateTo("/items");
 };

pages/Items/Edit/[id].vue

@@ -87,6 +87,7 @@ const handleSubmit = async () => {
     });
     if (error.value) {
       console.error("Error updating item:", error);
+      return;
     }
     navigateTo("/items");
 };

pages/Items/index.vue

@@ -48,11 +48,13 @@
 const { data: items, refresh: refreshItems } = await useFetch("/api/Items");
 
 const handleDelete = async (itemId) => {
-  const {data, error} = await fetch(`/api/Items/${itemId}`, {
+  const {data, error} = await useFetch(`/api/Items/${itemId}`, {
     method: "DELETE",
   });
-  if (error.value) {
+  console.log(error)
+  if (error && error.value) {
     console.error("Error deleting item:", error);
+    return;
   }
   // Trigger re-fetch after deletion
   refreshItems();

pages/Sales/index.vue

@@ -88,15 +88,15 @@ if (items) {
 }
 
 const handleDelete = async (saleId) => {
-  try {
-    await fetch(`/api/Sales/${saleId}`, {
+  const { data, error } = await fetch(`/api/Sales/${saleId}`, {
       method: "DELETE",
     });
+    if(error && error.value) {
+      console.error("Error deleting sale:", error);
+      return;
+    }
     // Trigger re-fetch after deletion
     refreshSales();
-  } catch (error) {
-    console.error("Error deleting sale:", error);
-  }
 };
 
 const calculateRevenueForItem = (item, quantity) => {

pages/index.vue

@@ -54,28 +54,8 @@
 
 <script setup>
 
-const sales = ref([]);
-const items = ref([]);
-
-onMounted(async () => {
-  await fetchData();
-});
-
-const fetchData = async () => {
-  try {
-    const salesResponse = await fetch("/api/Sales");
-    const itemsResponse = await fetch("/api/Items");
-
-    if (!salesResponse.ok || !itemsResponse.ok) {
-      throw new Error("Failed to fetch data");
-    }
-
-    sales.value = await salesResponse.json();
-    items.value = await itemsResponse.json();
-  } catch (error) {
-    console.error("Error fetching data:", error);
-  }
-};
+const { data: items, refresh: refreshItems } = await useFetch("/api/Items");
+const { data: sales, refresh: refreshSales } = await useFetch("/api/Sales");
 
 // Calculate revenue for the past n days
 const calculateRevenueForDays = (days) => {