Showing
1 changed file
with
4 additions
and
4 deletions
@@ -9,14 +9,14 @@ import { ref } from "vue"; | @@ -9,14 +9,14 @@ import { ref } from "vue"; | ||
9 | //#endregion | 9 | //#endregion |
10 | 10 | ||
11 | //#region --Props--. | 11 | //#region --Props--. |
12 | -const props = defineProps({ | 12 | +defineProps({ |
13 | placeholder: { | 13 | placeholder: { |
14 | type: String, | 14 | type: String, |
15 | - required: true, | 15 | + required: false, |
16 | nullable: false, | 16 | nullable: false, |
17 | default: '' | 17 | default: '' |
18 | } | 18 | } |
19 | -}) | 19 | +}); |
20 | //#endregion | 20 | //#endregion |
21 | 21 | ||
22 | //#region --Data/refs--. | 22 | //#region --Data/refs--. |
@@ -34,7 +34,7 @@ const searchQuery = ref(""); | @@ -34,7 +34,7 @@ const searchQuery = ref(""); | ||
34 | :placeholder="placeholder" | 34 | :placeholder="placeholder" |
35 | class="w-full px-4 py-3 bg-gray-800 rounded-full text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-primary" | 35 | class="w-full px-4 py-3 bg-gray-800 rounded-full text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-primary" |
36 | @input="console.log('debouncedSearch à prévoir')" | 36 | @input="console.log('debouncedSearch à prévoir')" |
37 | - /> | 37 | + > |
38 | <button | 38 | <button |
39 | v-if="searchQuery" | 39 | v-if="searchQuery" |
40 | class="absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-white" | 40 | class="absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-white" |
-
Please register or login to post a comment