LAR_Maintenance/resources/views/hosts/index.blade.php

<x-layout-app>
    <div class="container-xl">
        <div class="page-header">
            <h1>{{ __('boilerplate::hosts.title') }}</h1>

            <div>
                <a class="btn btn-primary" href="{{ route('host.sync') }}">
                    <i class="me-2 fas fa-sync-alt"></i><span>{{ __('boilerplate::ui.sync') }}</span>
                </a>

                <button class="btn btn-primary"
                        onclick="Livewire.dispatch('openModal', {livewireComponents: 'host.form', title: '{{ __('boilerplate::host.create') }}'})">
                    <i class="me-2 fas fa-plus"></i><span>{{ __('boilerplate::ui.add') }}</span>
                </button>
            </div>
        </div>

        @livewire('host.data-table', [], key('data-table'))
    </div>
</x-layout-app>