HearthCard Card Search
    
    = 0 && results[highlightIndex]) {
        selectResult(results[highlightIndex].name);
        window.location = '/cards/' + results[highlightIndex].slug;
    } else if (query.length > 0) {
        window.location = '/cards/search?search=' + query;
    }
"
    @click.away="closeResults()"
    class="
                block w-full p-2.5 pl-2 sm:text-sm
                bg-gray-50 border border-gray-300 text-gray-900
                rounded-lg focus:ring-primary-500 focus:border-primary-500
                dark:bg-gray-800 dark:border-gray-600 dark:placeholder-gray-400
                dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500
                 text-sm"
    placeholder="Search"
    autocomplete="off"
    />
    
    
             
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
    