chore: better comments

app/components/cart/cart-line.vue

@@ -13,7 +13,7 @@ const cartStore = useCartStore();
 const merchandise = computed(() => props.line.merchandise);
 const variantId = computed(() => formatVariantId(props.line.merchandise.id));
 
-// Filter default option name/value
+// Filter out default names/values from selected options
 const selectedOptions = computed(() => {
   return merchandise.value.selectedOptions.filter(
     (option) => option.name !== 'Title' && option.value !== 'Default Title'

app/components/product/media/product-media-carousel.vue

@@ -19,7 +19,7 @@ const isMediaImage = (media: any): media is MediaImageFragment => {
   return media?.mediaContentType === 'IMAGE';
 };
 
-// Embla carousel setup
+// Embla setup
 const [emblaRef, emblaApi] = emblaCarouselVue({ loop: true });
 
 // State

app/pages/collections/[handle].vue

@@ -81,7 +81,7 @@ const collection = computed(() => collectionData?.value);
 const filterProducts = computed(() => flattenConnection(filterData.value?.products) as ProductFragment[]);
 const products = computed(() => flattenConnection(collection.value?.products) as ProductFragment[]);
 
-// Check for products
+// Check for more products
 const hasMoreProducts = computed(() =>
   collection.value?.products?.pageInfo?.hasNextPage || false
 );

app/pages/products/[handle].vue

@@ -35,7 +35,7 @@ const product = computed(() => productData.value);
 const productMedia = computed(() => flattenConnection(product.value?.media));
 const productRecommendations = computed(() => recommendationData.value?.slice(0, 4) || []);
 
-// Matching color references (if any)
+// Check for matching color references
 const matchingColors = computed(() => {
   const references = product.value?.matching_colors?.references;
   return references ? flattenConnection(references) as ProductFragment[] : [];

app/pages/search.vue

@@ -81,7 +81,7 @@ const search = computed(() => searchData?.value);
 const filterProducts = computed(() => flattenConnection(filterData.value) as ProductFragment[]);
 const products = computed(() => flattenConnection(search.value) as ProductFragment[]);
 
-// Check for products
+// Check for more products
 const hasMoreProducts = computed(() =>
   search.value?.pageInfo?.hasNextPage || false
 );