<textarea 
    wire:ignore
    id="description" 
    {{ $attributes->merge(['class' => 'form-control']) }} 
    rows="5"></textarea>

@push('scripts')
<script src="{{ asset('backend/libs/ckeditor/ckeditor.js') }}"></script>
<script>
    let editor = CKEDITOR.replace('description', {
        filebrowserImageBrowseUrl: '/admin/phkay-file-upload?type=Images',
        filebrowserImageUploadUrl: '/admin/phkay-file-upload/upload?type=Images&_token=',
        filebrowserBrowseUrl: '/admin/phkay-file-upload?type=Files',
        filebrowserUploadUrl: '/admin/phkay-file-upload/upload?type=Files&_token=',
    });

    // editor.on('change', function (event) {
    //     // console.log(event.editor.getData())
    //     @this.set('description', event.editor.getData());
    // })

    document.querySelector("#submit").addEventListener("click", () => {
        @this.set('description', editor.getData());
    });

    window.addEventListener('descriptionEvent', event => {
        CKEDITOR.instances['description'].setData(event.detail.description);
    })
</script>
@endpush