From: Adam Dullage <redacted>
Date: Thu, 2 May 2024 12:20:42 +0000 (+0100)
Subject: Remove width restriction on SearchInput and implement initialSearchTerm prop
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=6f71ff48391d2cd4f55a8cca12b3caf7e25f0b5e;p=flatnotes.git

Remove width restriction on SearchInput and implement initialSearchTerm prop
---

diff --git a/client/partials/SearchInput.vue b/client/partials/SearchInput.vue
index 4fa4ddf..a80fd0e 100644
--- a/client/partials/SearchInput.vue
+++ b/client/partials/SearchInput.vue
@@ -1,5 +1,5 @@
 <template>
-  <form class="flex w-full max-w-[500px]" @submit.prevent="search">
+  <form class="flex w-full" @submit.prevent="search">
     <TextInput
       v-model="searchTerm"
       placeholder="Search"
@@ -24,8 +24,10 @@ import CustomButton from "../components/CustomButton.vue";
 import TextInput from "../components/TextInput.vue";
 import { getToastOptions } from "../helpers.js";
 
+const props = defineProps({ initialSearchTerm: String });
+
 const router = useRouter();
-const searchTerm = ref("");
+const searchTerm = ref(props.initialSearchTerm);
 const toast = useToast();
 
 function search() {