Bruno Predot

Changement de la props en option

@@ -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"