@page "/counter"

<h1>Counter</h1>

<p>Current count: @currentCount</p>

<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>

<div>
    <div class="row">
        <div class="col-6">
            <AceEditor @ref="editor" class="border" OnChanged="UpdateContent" OnLoad="Load"></AceEditor>
        </div>
        <div class="col-6">
            <div>@((MarkupString)_content)</div>
        </div>
    </div>
</div>

@code
{
    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
    }
}

@code
{

    private AceEditor editor;

    private string _content = "";

    private async Task UpdateContent()
    {
        _content = await editor.GetValue();
    }

    private async Task Load()
    {
        await editor.SetValue("<h1>Title</h1>");
        await editor.SetInfinityMaxLines();
        await editor.SetMinLines(10);
        await editor.SetFontSize(20);
        await editor.SetLang("html");
        await editor.ClearSelection();
    }
}