<div class="avatar">
    <div class="rounded">
        <img src="/api/user/pfp/@ProfileId?size=@Size" alt="" loading="@(LoadAsync ? "lazy" : "eager")" width="@Size" onerror="this.remove()" />
    </div>
</div>

@code {
    [Parameter] 
    public string ProfileId { get; set; } = string.Empty;
    [Parameter]
    public int Size { get; set; } = 800;
    [Parameter] 
    public bool LoadAsync { get; set; } = true;
}
