Remove width restriction on SearchInput and implement initialSearchTerm prop

diff --git a/client/partials/SearchInput.vue b/client/partials/SearchInput.vue
index 4fa4ddf98c7acd986a88e58cf33030333a6892cf..a80fd0ec2603a4d00a8fdb63a4da1635144e3e82 100644 (file)
--- 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() {