style: Minor code style improves on storefront composables

Author: leomp12

packages/storefront/src/lib/composables/use-product-card.ts

@@ -103,6 +103,7 @@ const useProductCard = <T extends ProductItem | undefined = undefined>(props: Pr
       isFetching.value = false;
     })();
   }
+
   if (shouldRefetchStock) {
     idsToStockRefetch.push(product._id);
     refetchStock();
@@ -188,6 +189,7 @@ const useProductCard = <T extends ProductItem | undefined = undefined>(props: Pr
       product.quantity = maxKitQnt;
     }
   };
+
   const isLoadingToCart = ref(false);
   const isFailedToCart = ref(false);
   const loadToCart = async (

packages/storefront/src/lib/composables/use-product-details.ts

@@ -29,6 +29,7 @@ export const useProductDetails = (props: Props) => {
   const quantity = ref(product.min_quantity || 1);
   const hasSkuSelectionAlert = ref(false);
   const variationId = ref<ResourceId | null>(props.variationId || null);
+
   watch(toRef(props.variationId), () => {
     if (props.variationId === undefined) return;
     variationId.value = props.variationId;
@@ -49,6 +50,7 @@ export const useProductDetails = (props: Props) => {
       }, { immediate: true });
     });
   }
+
   const isSkuSelected = computed(() => {
     return Boolean(!product.variations?.length || variationId.value);
   });
@@ -61,10 +63,12 @@ export const useProductDetails = (props: Props) => {
     }
     return !hasSkuSelectionAlert.value;
   };
+
   const addToCart = () => {
     if (!checkVariation()) return;
     loadToCart(quantity.value, { variationId: variationId.value });
   };
+
   const shippedItems = reactive([{
     ...product,
     body_html: undefined,
@@ -73,6 +77,7 @@ export const useProductDetails = (props: Props) => {
   watch(quantity, () => {
     shippedItems[0].quantity = quantity.value;
   });
+
   return {
     product,
     variationId,