{#if data.searchResults} {#await data.searchResults then searchResults} {#each searchResults as searchResult} { if (searchResult.type === 'song') $queue.enqueue(searchResult) }} class="grid aspect-square h-full place-items-center bg-cover bg-center bg-no-repeat" style="--thumbnail: url('/api/remoteImage?url={searchResult.thumbnail}')" > {searchResult.name} {#if 'artists' in searchResult && searchResult.artists} {searchResult.artists.map((artist) => artist.name).join(', ')} {:else if 'createdBy' in searchResult && searchResult.createdBy} {searchResult.createdBy?.name} {/if} {#if 'duration' in searchResult && searchResult.duration} {formatTime(searchResult.duration)} {/if} {/each} {/await} {/if}