Added various conditions to prevent errors and warnings.

assets/components/actors/actors.vue

@@ -1,6 +1,9 @@
 <template>
 	<div class="actors">
-		<nav class="filter">
+		<nav
+			ref="filter"
+			class="filter"
+		>
 			<ul class="genders nolist">
 				<li class="gender">
 					<router-link
@@ -219,7 +222,7 @@
 			v-if="totalCount > 0"
 			:items-total="totalCount"
 			:items-per-page="limit"
-			class="pagination-top"
+			class="pagination-bottom"
 		/>
 
 		<Footer />
@@ -241,7 +244,11 @@ const boobSizes = 'ABCDEFGHZ'.split('');
 function updateFilters() {
 	this.$router.push({
 		name: 'actors',
-		params: this.$route.params,
+		params: {
+			pageNumber: 1,
+			gender: this.gender,
+			letter: this.letter,
+		},
 		query: {
 			nb: this.naturalBoobs !== 1 ? this.naturalBoobs : undefined,
 			bs: this.boobSizeRequired ? this.boobSize.join(',') : undefined,
@@ -281,7 +288,7 @@ async function fetchActors(scroll) {
 	this.totalCount = totalCount;
 
 	if (scroll) {
-		this.$refs.pagination.$el.scrollIntoView();
+		this.$refs.filter?.scrollIntoView();
 	}
 }