resources/views/livewire/backend/comment/index.blade.php
<div>
    <div class="sm:flex sm:items-center">
        <div class="sm:flex-auto">
            <h1 class="text-base font-semibold leading-6 text-gray-900">Comments</h1>
            <p class="mt-2 text-sm text-gray-700">A list of all the comments.</p>
        </div>
    </div>
    <x-backend.table>
        <x-slot name="head">
            <tr>
                <x-backend.table.th>Comment</x-backend.table.th>
                <x-backend.table.th>By</x-backend.table.th>
{{--                <x-backend.table.th>Article</x-backend.table.th>--}}
                <x-backend.table.th>Status</x-backend.table.th>
                <x-backend.table.th></x-backend.table.th>
            </tr>
        </x-slot>
        <x-slot name="body">
            @forelse($comments as $comment)
                <livewire:backend.comment.index-row :comment="$comment" wire:key="{{$comment->id}}"/>
            @empty
                <x-backend.table.td class="text-center text-gray-500" colspan="100">No comment found</x-backend.table.td>
            @endforelse
        </x-slot>
    </x-backend.table>

    <div class="pt-3">
        {{$comments->links()}}
    </div>
</div>
