Merge pull request #198 from c4dt/195

focus the search bar not only on first load of main page, but also when navigating to it from other subpages

Author: PascalinDe

components/NavBar.vue

@@ -10,9 +10,18 @@ const searchQuery = useSearchQuery();
 
 const searchInput = ref<HTMLInputElement | null>(null);
 
-onMounted(() => {
-  searchInput.value?.focus(); // Focus the search input when the component is mounted
-});
+watch(
+  () => route.path,
+  (newPath) => {
+    if (newPath === "/") {
+      // focus the search input field when navigating to the main page
+      nextTick(() => {
+        searchInput.value?.focus();
+      });
+    }
+  },
+  { immediate: true }
+);
 
 watch(searchQuery, () => {
   // if the search query is empty and the search query in the URL is empty,