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

…isting #553 (#918)
vuestorefront · Jul 2, 2020 · 213d488 · 213d488 · vercel · Jul 2, 2020
1 parent 8b3d94f
commit 213d488
Show file tree

Hide file tree

Showing 2 changed files with 16 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,9 @@ export const useProductListing = (
  name: "productReviews",
  },
  ],
+ // performance enhancement - fetch only the relevant fields
+ // TODO: https://github.com/DivanteLtd/shopware-pwa/issues/911
+ 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,
+});