perPage load with value from local.json

CHANGELOG.md

@@ -4,6 +4,9 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [Unreleased]
+add perPage load value to category config - @ngongoll (#3630)
+
 ## [1.10.3] - 2019.09.18
 
 ### Fixed

README.md

@@ -824,10 +824,10 @@ Vue Storefront is a Community effort brought to You by our great Core Team and s
         </a>
 </td>
    <td align="center" valign="middle"> 
-<a href="">
+<a href="https://kiwicommerce.co.uk/">
           <img
-            src=""
-            alt=""
+            src="https://divante.com/partners/Vue-Storefront/KiwiCommerce%20Logo.png"
+            alt="KiwiCommerce"
             height="40"
           >
         </a>

config/default.json

@@ -157,7 +157,8 @@
         "excludeFields": [ "sgn" ],
         "categoriesRootCategorylId": 2,
         "categoriesDynamicPrefetchLevel": 2,
-        "categoriesDynamicPrefetch": true
+        "categoriesDynamicPrefetch": true,
+        "perPage": 30
       },
       "attribute": {
         "includeFields": [ "attribute_code", "id", "entity_type_id", "options", "default_value", "is_user_defined", "frontend_label", "attribute_id", "default_frontend_label", "is_visible_on_front", "is_visible", "is_comparable", "tier_prices", "frontend_input" ]

core/modules/catalog/store/category/actions.ts

@@ -203,7 +203,7 @@ const actions: ActionTree<CategoryState, RootState> = {
   /**
    * Filter category products
    */
-  products (context, { populateAggregations = false, filters = [], searchProductQuery, current = 0, perPage = 50, sort = '', includeFields = null, excludeFields = null, configuration = null, append = false, skipCache = false, cacheOnly = false }) {
+  products (context, { populateAggregations = false, filters = [], searchProductQuery, current = 0, perPage = config.entities.category.perPage, sort = '', includeFields = null, excludeFields = null, configuration = null, append = false, skipCache = false, cacheOnly = false }) {
     context.dispatch('setSearchOptions', {
       populateAggregations,
       filters,

core/pages/Category.js

@@ -19,7 +19,7 @@ export default {
   data () {
     return {
       pagination: {
-        perPage: 50,
+        perPage: config.entities.category.perPage,
         current: 0,
         enabled: false
       },
@@ -68,7 +68,7 @@ export default {
       store: store,
       route: route,
       current: 0,
-      perPage: 50,
+      perPage: config.entities.category.perPage,
       sort,
       filters: config.products.defaultFilters,
       includeFields: config.entities.optimize && isServer ? config.entities.productList.includeFields : null,