Asset browser pagination size changer

resources/js/components/assets/Browser/Browser.vue

@@ -215,6 +215,8 @@
                             class="mt-3"
                             :resource-meta="meta"
                             @page-selected="page = $event"
+                            @per-page-changed="changePerPage"
+                            :per-page="perPage"
                         />
 
                     </div>
@@ -297,7 +299,7 @@ export default {
             creatingFolder: false,
             uploads: [],
             page: 1,
-            perPage: 30, // TODO: Should come from the controller, or a config.
+            perPage: localStorage.getItem('assets-per-page') ?? 25,
             meta: {},
             sortColumn: 'basename',
             sortDirection: 'asc',
@@ -505,6 +507,12 @@ export default {
             this.editedAssetId = id;
         },
 
+        changePerPage(size) {
+            localStorage.setItem('assets-per-page', size)
+            this.perPage = parseInt(size);
+            this.loadAssets();
+        },
+
         closeAssetEditor() {
             this.editedAssetId = null;
         },

resources/js/components/data-list/Pagination.vue

@@ -131,7 +131,7 @@ export default {
 
         perPageOptions() {
             let defaultPaginationSize = Statamic.$config.get('paginationSize');
-            let defaultOptions = [10, 25, 50, 100].filter(size => size !== defaultPaginationSize);
+            let defaultOptions = [10, 25, 50, 100, 500].filter(size => size !== defaultPaginationSize);
             let options = this.normalizeInputOptions(defaultOptions);
 
             options.push({

src/Http/Controllers/CP/Assets/BrowserController.php

@@ -77,7 +77,7 @@ public function folder(Request $request, $container, $path = '/')
             $query->orderBy($request->sort, $request->order ?? 'asc');
         }
 
-        $assets = $query->paginate(30);
+        $assets = $query->paginate(request('perPage', config('statamic.cp.pagination_size')));
 
         return (new FolderAssetsCollection($assets))->folder($folder);
     }
@@ -90,7 +90,7 @@ public function search(Request $request, $container)
             ? $container->searchIndex()->ensureExists()->search($request->search)
             : $container->queryAssets()->where('path', 'like', '%'.$request->search.'%');
 
-        $assets = $query->paginate(30);
+        $assets = $query->paginate(request('perPage', config('statamic.cp.pagination_size')));
 
         return new SearchedAssetsCollection($assets);
     }