@php
    $statePath = $getStatePath(); // path to TinyEditor state
@endphp

<div class="text-sm" x-data="{
    text: @entangle($statePath).live,
    get count() {
        if (!this.text) return 0;
        const temp = document.createElement('div');
        temp.innerHTML = this.text;
        return (temp.textContent || temp.innerText || '').trim().length;
    }
}">
    Characters: <span x-text="count"></span> / 300
</div>