@php
 $editorUniqueId = rand(1000, 9999). now()->timestamp . rand(1000, 9999)
@endphp
<div
id="comment-editor-{{ $editorUniqueId }}"
 x-data="compose({ text: @entangle($model),commentId: @entangle('commentId'), autofocus: @json($autofocus ?? false), mentionables: '{{json_encode($mentionables)}}', placeholder: '{{$placeholder}}', editorUniqueId: '{{$editorUniqueId}}' })"
     x-init="
        $wire.on('comment', clear);
        @isset($comment)
            $wire.on('reply-{{ $comment->id }}', () => {
                clear();
            });
        @endisset
     "
>
    <div wire:ignore>
        {{-- <div id="quill-editor" x-ref="quillEditor{{ $comment->id ?? 'new' }}"></div> --}}
              <!-- Use a dynamic ID that includes the comment ID or a default -->
              <div class="quill-editor" x-ref="quillEditor-{{ $comment->id ?? 'new' }}"></div>
    </div>
</div>
{{-- @include('vendor.comments.components.editors.quill-mention-script') --}}