Merge #251: Fix for [#247] search bar not working when in /torrents endpoint

6c72733 refactor: [#247] search bar not working when in /torrents endpoint (MMelchor)
e4d5fcd fix: [#247] search bar not working when in /torrents endpoint (MMelchor)

Pull request description:

  Fixes #247

  The search bar was not working when in the /torrents endpoint, because the watcher listening for changes in the url path was not triggering when the user searches for a specific torrent.

ACKs for top commit:
  josecelano:
    ACK 6c72733

Tree-SHA512: 07fb67da678f06c0b550716bb06c146e41d788b445375ad0fe1c818dcb1c68d8a53fac6d5b33361b39ac53a80aa1b01f6bd3d8310cf97e706c62f14f3ac9228d

Author: josecelano

components/navigation/NavigationBar.vue

@@ -109,10 +109,8 @@
 import { UserCircleIcon, Bars3Icon, MagnifyingGlassIcon } from "@heroicons/vue/24/solid";
 import { ChevronDownIcon } from "@heroicons/vue/20/solid";
 import { Ref } from "vue";
-import { useRouter } from "#app";
 import { ref, useSettings, useUser, logoutUser } from "#imports";
 
-const router = useRouter();
 const settings = useSettings();
 const user = useUser();
 
@@ -121,7 +119,7 @@ const searchQuery: Ref<string> = ref("");
 const typingInSearch = ref(false);
 
 function submitSearch () {
-  router.push({
+  navigateTo({
     path: "/torrents",
     query: {
       search: searchQuery.value ?? null

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], () => {