@@ -128,7 +128,7 @@ watch(() => route.fullPath, () => {
128128 : (route .query .tagFilters ? [route .query .tagFilters as string ] : []);
129129});
130130
131- watch ([searchQuery , itemsSorting , pageSize , currentPage , layout , categoryFilters , tagFilters ], () => {
131+ watch ([searchQuery , itemsSorting , currentPage , layout , categoryFilters , tagFilters ], () => {
132132 router .push ({
133133 query: {
134134 search: searchQuery .value ,
@@ -144,6 +144,23 @@ watch([searchQuery, itemsSorting, pageSize, currentPage, layout, categoryFilters
144144 loadTorrents ();
145145});
146146
147+ // Resets the current page value to 1 when the page size is changed to display results correctly
148+ watch (pageSize , () => {
149+ router .push ({
150+ query: {
151+ search: searchQuery .value ,
152+ sorting: itemsSorting .value ? itemsSorting .value : sortingOptions [0 ].value ,
153+ pageSize: pageSize .value ,
154+ page: 1 ,
155+ layout: layout .value ,
156+ categoryFilters: categoryFilters .value .length > 0 ? categoryFilters .value : [],
157+ tagFilters: tagFilters .value .length > 0 ? tagFilters .value : []
158+ }
159+ });
160+
161+ loadTorrents ();
162+ });
163+
147164onActivated (() => {
148165 searchQuery .value = route .query .search as string ?? null ;
149166 itemsSorting .value = route .query .sorting as string ?? sortingOptions [0 ].value ;
@@ -175,15 +192,6 @@ function submitSearch () {
175192}
176193
177194function loadTorrents () {
178- const query = {
179- pageSize: pageSize .value ,
180- page: currentPage .value ,
181- sorting: itemsSorting .value ,
182- categories: categoryFilters .value ,
183- tags: tagFilters .value ,
184- searchQuery: searchQuery .value
185- };
186-
187195 rest .value .torrent .getTorrents (
188196 {
189197 pageSize: pageSize .value ,
0 commit comments