<turbo-frame id="unread-frame" src="{{ route('sidebar') }}" loading="lazy">
<span class="uk-text-center uk-padding-small uk-display-block" uk-spinner></span>
</turbo-frame>
<script>
function ureadRefresh() {
document.getElementById('unread-frame').src = "{{ route('sidebar') }}";
}
document.addEventListener('DOMContentLoaded', () => setInterval(ureadRefresh, 10000));
document.addEventListener('turbo:frame-load', ureadRefresh);
</script>