Refactor CartContents to use store loading and error state

Replaces local isLoading and error refs with computed properties that reflect the cart store's loading and error state. Removes onMounted refetch logic in favor of relying on the store's state management.

Author: w3bdesign

components/Cart/CartContents.vue

@@ -32,7 +32,7 @@
  * @module CartContents
  * @returns {Object} The Vue.js component object.
  */
-import { computed, ref, onMounted } from "vue";
+import { computed } from "vue";
 import { useCart } from "@/store/useCart";
 
 const props = defineProps({
@@ -43,9 +43,10 @@ const props = defineProps({
 });
 
 const cart = useCart();
-const isLoading = ref(true);
-const error = ref(null);
 
+// Use the store's reactive state directly
+const isLoading = computed(() => cart.loading);
+const error = computed(() => cart.error);
 const cartItems = computed(() => cart.cart);
 
 /**
@@ -59,16 +60,6 @@ const handleRemoveProduct = async (key) => {
   } catch (error) {}
 };
 
-onMounted(async () => {
-  try {
-    await cart.refetch();
-  } catch (err) {
-    error.value = err;
-  } finally {
-    isLoading.value = false;
-  }
-});
-
 /**
  * Handles updating the quantity of a cart item.
  *