refactor: [#247] search bar not working when in /torrents endpoint

Code has been refactor and now looks cleaner and easier to understand.
torrust · Sep 12, 2023 · 6c72733 · 6c72733
1 parent e4d5fcd
commit 6c72733
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/app.vue b/app.vue
@@ -6,7 +6,7 @@
 
     <div class="flex flex-col w-full px-4 bg-base-300 md:px-8 lg:px-24">
       <div class="flex flex-col my-6" style="max-width: 100vw;">
-        <NuxtPage :page-key="route => route.fullPath" />
+        <NuxtPage />
       </div>
 
       <footer class="p-4 footer footer-center bg-base-300 text-base-content">

diff --git a/pages/torrents.vue b/pages/torrents.vue
@@ -106,10 +106,8 @@ const selectedSorting = computed({
   }
 });
 
-watch([route], () => {
-  if (route.query.search !== searchQuery.value) {
-    searchQuery.value = route.query.search as string;
-  }
+watch(() => route.fullPath, () => {
+  searchQuery.value = route.query.search as string;
 });
 
 watch([searchQuery, itemsSorting, pageSize, currentPage, layout, categoryFilters, tagFilters], () => {