@@ -128,7 +128,7 @@ watch(() => route.fullPath, () => {
128
128
: (route .query .tagFilters ? [route .query .tagFilters as string ] : []);
129
129
});
130
130
131
- watch ([searchQuery , itemsSorting , pageSize , currentPage , layout , categoryFilters , tagFilters ], () => {
131
+ watch ([searchQuery , itemsSorting , currentPage , layout , categoryFilters , tagFilters ], () => {
132
132
router .push ({
133
133
query: {
134
134
search: searchQuery .value ,
@@ -144,6 +144,23 @@ watch([searchQuery, itemsSorting, pageSize, currentPage, layout, categoryFilters
144
144
loadTorrents ();
145
145
});
146
146
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
+
147
164
onActivated (() => {
148
165
searchQuery .value = route .query .search as string ?? null ;
149
166
itemsSorting .value = route .query .sorting as string ?? sortingOptions [0 ].value ;
@@ -175,15 +192,6 @@ function submitSearch () {
175
192
}
176
193
177
194
function 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
-
187
195
rest .value .torrent .getTorrents (
188
196
{
189
197
pageSize: pageSize .value ,
0 commit comments