diff --git a/app/components/cart/cart-line.vue b/app/components/cart/cart-line.vue index 8c479bf..7738c0e 100644 --- a/app/components/cart/cart-line.vue +++ b/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' diff --git a/app/components/product/media/product-media-carousel.vue b/app/components/product/media/product-media-carousel.vue index f352ae0..09c50cd 100644 --- a/app/components/product/media/product-media-carousel.vue +++ b/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 diff --git a/app/pages/collections/[handle].vue b/app/pages/collections/[handle].vue index 188d58e..dba0892 100644 --- a/app/pages/collections/[handle].vue +++ b/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 ); diff --git a/app/pages/products/[handle].vue b/app/pages/products/[handle].vue index faaddc2..0d35e76 100644 --- a/app/pages/products/[handle].vue +++ b/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[] : []; diff --git a/app/pages/search.vue b/app/pages/search.vue index 0ee0631..8499ec6 100644 --- a/app/pages/search.vue +++ b/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 );