TvShowSearch.razor

@using CastCompare.Data
@using CastCompare.Pages
@inject ITvDbService TvDbService

<div class="row">
    <div class="col-md-2">
        <BlazoredTypeahead SearchMethod="@SearchShows"
                           @bind-Values="@SelectedTvShows"
                           Placeholder="Search for a TV show"
                           MinimumLength="3"
                           Debounce="200">
            <SelectedTemplate Context="series">
                <img src="@series.Banner" width="50" alt="@series.Banner" />

                @series.Title
            </SelectedTemplate>
            <ResultTemplate Context="series">
                <img src="@series.Banner" width="50" alt="@series.Banner" />

                @series.Title
            </ResultTemplate>
            <NotFoundTemplate>
                None found
            </NotFoundTemplate>
        </BlazoredTypeahead>
    </div>
</div>

@code {
    [Parameter]
    public IList<TvSearchResult> SelectedTvShows { get; set; }

    private async Task<IEnumerable<TvSearchResult>> SearchShows(string searchText)
    {
        var results = await TvDbService.SearchAsync(searchText);

        return results;
    }
}