From 501cf834c86c0f40969d58ba13ab122664c96e67 Mon Sep 17 00:00:00 2001
From: Johann150 <johann.galle@protonmail.com>
Date: Wed, 7 Dec 2022 21:55:39 +0100
Subject: [PATCH] client: fix issue of search only working once

closes https://akkoma.dev/FoundKeyGang/FoundKey/issues/274

Changelog: Fixed
---
 packages/client/src/pages/search.vue | 67 +++++++++++++++-------------
 1 file changed, 37 insertions(+), 30 deletions(-)

diff --git a/packages/client/src/pages/search.vue b/packages/client/src/pages/search.vue
index e161e728a..d3afdd9b4 100644
--- a/packages/client/src/pages/search.vue
+++ b/packages/client/src/pages/search.vue
@@ -55,7 +55,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, watch } from 'vue';
+import { computed, nextTick, watch } from 'vue';
 import XNotes from '@/components/notes.vue';
 import XUserList from '@/components/user-list.vue';
 import MkButton from '@/components/ui/button.vue';
@@ -115,6 +115,9 @@ function selectUser() {
 }
 
 async function search(): void {
+	userPagination = null;
+	notePagination = null;
+
 	switch (tab) {
 		case 'all': {
 			query = query.trim();
@@ -138,20 +141,22 @@ async function search(): void {
 					mainRouter.push(`/notes/${res.object.id}`);
 				}
 			} else {
-				notePagination = {
-					endpoint: 'notes/search' as const,
-					limit: 10,
-					params: { query },
-				};
-				origin = 'combined';
-				userPagination = {
-					endpoint: 'users/search' as const,
-					limit: 4,
-					params: {
-						query,
-						origin,
-					},
-				};
+				nextTick(() => {
+					notePagination = {
+						endpoint: 'notes/search' as const,
+						limit: 10,
+						params: { query },
+					};
+					origin = 'combined';
+					userPagination = {
+						endpoint: 'users/search' as const,
+						limit: 4,
+						params: {
+							query,
+							origin,
+						},
+					};
+				});
 			}
 			break;
 		}
@@ -171,24 +176,26 @@ async function search(): void {
 					params.host = host;
 					break;
 			}
-			notePagination = {
-				endpoint: 'notes/search' as const,
-				limit: 10,
-				params,
-			};
-			userPagination = null;
+			nextTick(() => {
+				notePagination = {
+					endpoint: 'notes/search' as const,
+					limit: 10,
+					params,
+				};
+			});
 			break;
 		}
 		case 'users': {
-			notePagination = null;
-			userPagination = {
-				endpoint: 'users/search' as const,
-				limit: 10,
-				params: {
-					query,
-					origin,
-				},
-			};
+			nextTick(() => {
+				userPagination = {
+					endpoint: 'users/search' as const,
+					limit: 10,
+					params: {
+						query,
+						origin,
+					},
+				};
+			});
 			break;
 		}
 	}