selectSuggestion(suggestion, $event)"
@mousedown.prevent
@mouseenter="selectedIndex = index"
:class="{'bg-blue-50': selectedIndex === index}"
style="
padding: 12px 16px;
cursor: pointer;
display: flex;
align-items: center;
gap: 12px;
transition: all 0.2s;
text-align: left;
justify-content: flex-start;
color: #1f2937;
font-weight: 500;
border-bottom: 1px solid #f3f4f6;
pointer-events: auto;
"
:hover="{
backgroundColor: '#f3f4f6';
color: '#111827';
}"
>
Press Enter