feat(composables): handle the includes parameter within the product-l…

…isting endpoint
vuestorefront · Jul 1, 2020 · 3e35c09 · 3e35c09
1 parent 8b3d94f
commit 3e35c09
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/packages/composables/src/hooks/useProductListing.ts b/packages/composables/src/hooks/useProductListing.ts
@@ -22,6 +22,7 @@ import {
  getApplicationContext,
 } from "@shopware-pwa/composables";
 import { ApplicationVueContext } from "../appContext";
+import { getProductListingIncludes } from "../internalHelpers/includesParameter";
 
 /**
  * @alpha
@@ -147,6 +148,8 @@ export const useProductListing = (
  name: "productReviews",
  },
  ],
+ // performance enhancement - fetch only the relevant fields
+ includes: getProductListingIncludes(),
  },
  };
 

diff --git a/packages/composables/src/internalHelpers/includesParameter.ts b/packages/composables/src/internalHelpers/includesParameter.ts
@@ -57,3 +57,15 @@ export const getPageIncludes = () => ({
  product_group_option: PRODUCT_GROUP_OPTION,
  product_group: PRODUCT_GROUP,
 });
+
+/**
+ * Parameters for product listing - aligned with getCategoryProductsListing method of @shopware-pwa/shopware-6-client
+ */
+export const getProductListingIncludes = () => ({
+ product: PRODUCT,
+ product_media: PRODUCT_MEDIA,
+ media: MEDIA,
+ calculated_price: PRODUCT_CALCULATED_PRICE,
+ product_group_option: PRODUCT_GROUP_OPTION,
+ product_group: PRODUCT_GROUP,
+});