From: Adam Dullage <redacted>
Date: Fri, 17 May 2024 11:49:57 +0000 (+0100)
Subject: Update searchTerm when initialSearchTerm is updated
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=236110491dd12d925e3e5a9bad95ccb0614b4fd1;p=flatnotes.git

Update searchTerm when initialSearchTerm is updated
---

diff --git a/client/partials/SearchInput.vue b/client/partials/SearchInput.vue
index 7afac2e..c05234f 100644
--- a/client/partials/SearchInput.vue
+++ b/client/partials/SearchInput.vue
@@ -46,7 +46,7 @@
 <script setup>
 import { mdilMagnify } from "@mdi/light-js";
 import { useToast } from "primevue/usetoast";
-import { ref } from "vue";
+import { ref, watch } from "vue";
 import { useRouter } from "vue-router";
 import * as constants from "../constants";
 
@@ -91,7 +91,7 @@ function keydownHandler(event) {
       tagChosen(tagMatches.value[tagMenuIndex.value]);
     } else if (event.key === "Escape") {
       tagMenuVisible.value = false;
-      event.stopPropagation();  // Prevent the modal from closing when the tag menu is open.
+      event.stopPropagation(); // Prevent the modal from closing when the tag menu is open.
     }
   }
   // Tag Menu Closed
@@ -192,4 +192,11 @@ function replaceWordOnCursor(replacement) {
     replacement +
     searchTerm.value.substring(end);
 }
+
+watch(
+  () => props.initialSearchTerm,
+  () => {
+    searchTerm.value = props.initialSearchTerm;
+  },
+);
 </script>