fix: lint

webapp/components/_new/features/SearchResults/SearchResults.vue

@@ -1,6 +1,8 @@
 <template>
+  <div id="search-results" class="search-results">
     <div class="search-results">
-    <div class="search-results">{{$t('search.results', { searchCount:searchCount, search:search })}}</div>
+      {{ $t('search.results', { searchCount: searchCount, search: search }) }}
+    </div>
     <tab-navigation :tabs="tabOptions" :activeTab="activeTab" @switchTab="switchTab" />
     <section
       :class="['results', activeTab === 'User' && '--user', !activeResourceCount > 0 && '--empty']"
@@ -245,8 +247,8 @@ export default {
         this.posts = searchPosts.posts
         this.postCount = searchPosts.postCount
         this.searchCount = this.postCount + this.userCount + this.hashtagCount
+        this.clearPage()
         if (this.postCount > 0) this.activeTab = 'Post'
-        this.clearPage
       },
       fetchPolicy: 'cache-and-network',
     },
@@ -269,8 +271,8 @@ export default {
         this.users = searchUsers.users
         this.userCount = searchUsers.userCount
         this.searchCount = this.postCount + this.userCount + this.hashtagCount
+        this.clearPage()
         if (this.postCount === 0 && this.userCount > 0) this.activeTab = 'User'
-        this.clearPage
       },
       fetchPolicy: 'cache-and-network',
     },
@@ -293,9 +295,9 @@ export default {
         this.hashtags = searchHashtags.hashtags
         this.hashtagCount = searchHashtags.hashtagCount
         this.searchCount = this.postCount + this.userCount + this.hashtagCount
-
-        if (this.postCount === 0 && this.userCount === 0 && this.hashtagCount > 0) this.activeTab = 'Hashtag'
-        this.clearPage
+        this.clearPage()
+        if (this.postCount === 0 && this.userCount === 0 && this.hashtagCount > 0)
+          this.activeTab = 'Hashtag'
       },
       fetchPolicy: 'cache-and-network',
     },

webapp/components/_new/generic/PaginationButtons/PaginationButtons.vue

@@ -6,9 +6,10 @@
       icon="arrow-left"
       circle
       data-test="previous-button"
-      v-scroll-to="'.main-navigation'"
     />
-    <span class="pagination-pageCount"> Seite {{ hasResultPage + 1 }} / {{ Math.round(hasResultCount / 25) + 1}} </span>
+    <span class="pagination-pageCount">
+      Seite {{ hasResultPage + 1 }} / {{ Math.round(hasResultCount / 25) + 1 }}
+    </span>
 
     <base-button
       @click="$emit('next')"
@@ -16,7 +17,7 @@
       icon="arrow-right"
       circle
       data-test="next-button"
-      v-scroll-to="'.main-navigation'"
+      v-scroll-to="'#search-results'"
     />
   </div>
 </template>
@@ -53,7 +54,6 @@ export default {
 }
 
 .pagination-pageCount {
- 
   justify-content: space-around;
 
   margin: 8px auto;

webapp/components/generic/SearchableInput/SearchableInput.vue

@@ -20,7 +20,6 @@
       @keyup.esc.native="clear"
       @blur.capture.native="onBlur"
       @input.exact="onSelect"
-      
     >
       <template #option="{ option }">
         <search-heading v-if="isFirstOfType(option)" :resource-type="option.__typename" />