Error compiling Vuejs and Laravel

@tykus Thank you Tykus for replay. It is:

            <template v-for="(item, keys) in listDetails">
                <div class="accordion" :id="'accordionReview' + item.id" :key="keys">
                    <div class="card">
                        <div class="card-header bg-light" :id="'heading' + item.id">
                            <div class="row">
                                <div class="col-5">
                                    <h3 class="mb-0">
                                        <button class="btn btn-link" type="button" data-toggle="collapse"
                                            :data-target="`#collapse${item.id}`" aria-expanded="false"
                                            :aria-controls="`collapse${item.id}`">
                                            <i class="fa fa-arrow-down"></i> Delivery {{ listDetails.length > 1 ? keys +
                                                1 : ''
                                            }}
                                        </button>
                                    </h3>
                                </div>
                                <div class="col-6">
                                    <div class="float-right">
                                        <span class="text-blue">
                                            FROM: <small>{{ item.origin_address + ' ' + item.origin_city + ' ' +
                                                item.origin_country }}</small> &nbsp; &nbsp; &nbsp; TO: <small>{{
    item.destination_address + ' ' + item.destination_city + ' ' +
    item.destination_country }}</small>
                                        </span>
                                    </div>
                                </div>
                                <div class="col-1" v-if="!minitem">
                                    <div class="float-right">
                                        <button class="btn btn-info-inline" @click.prevent="removeitems(item.id)"
                                            title="Delete Order"><i class="fa fa-trash" aria-hidden="true"></i></button>
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div :id="'collapse' + item.id" class="collapse" :aria-labelledby="`heading${item.id}`"
                            :data-parent="`#accordionReview${item.id}`">
                            <div class="card-body">

                                <div class="row mb-4">
                                    <div class="col-md-6">
                                        <div class="box shadow p-4 mb-4">
                                            <h5 class="mb-4">Origin</h5>

                                            <p class="mb-2">{{ item.origin_address + ' ' + item.origin_city + ' ' +
                                                item.origin_country }}</p>

                                            <p>
                                                {{ item.account.name }}<br>
                                                {{ item.contact_origin.fullname }}<br>

                                                Phone: {{ item.contact_origin.mobile }}<br>

                                                <!-- Phone: {{ item.account.phone }} -->
                                            </p>

                                            <button class="btn btn-primary btn-sm my-3" type="button"
                                                @click="openModal('editOrigin', item)">Edit</button>

                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="box shadow p-4 mb-4">
                                            <h5 class="mb-4">Destination</h5>

                                            <p class="mb-2">{{ item.destination_address + ' ' + item.destination_city +
                                                ' ' + item.destination_country }}</p>

                                            <p>
                                                {{ item.account.name }}<br>
                                                {{ item.contact_destination.fullname }}<br>

                                                Phone: {{ item.contact_destination.mobile }}<br>

                                                <!-- Phone: {{ item.account.phone }} -->
                                            </p>

                                            <button class="btn btn-primary btn-sm my-3" type="button"
                                                @click="openModal('editDestination', item)">Edit</button>

                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="box shadow p-4 mb-4">
                                            <h5 class="mb-4">Service</h5>

                                            <p>{{ item.service.name + (item.type_services ? ' - ' +
                                                item.type_services.name : '') }}</p>

                                            <button class="btn btn-primary btn-sm mt-3" type="button"
                                                @click="openModal('editService', item)">Edit</button>

                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="box shadow p-4 mb-4">
                                            <h5 class="mb-4">Collection Details</h5>

                                            <p>{{ item.date_collectdisplay + ' at ' + item.time_collectdisplay }}</p>

                                            <button class="btn btn-primary btn-sm mt-3" type="button"
                                                @click="openModal('editDate', item)">Edit</button>

                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="box shadow p-4 mb-4">
                                            <h5 class="mb-4">Authority to leave</h5>

                                            <p>{{ item.authority == 1 ? 'Yes' : 'No' }}</p>

                                            <button class="btn btn-primary btn-sm mt-3" type="button"
                                                @click="openModal('editAuthority', item)">Edit</button>

                                        </div>
                                    </div>

                                </div>

                                <hr>

                                <div class="accordion mt-4" :id="'accordionReviewDetail' + item.id">
                                    <div class="card">
                                        <div class="card-header bg-light" :id="'headingDetail' + item.id">
                                            <h3 class="mb-0">
                                                <button class="btn btn-link" type="button" data-toggle="collapse"
                                                    :data-target="`#collapseDetail${item.id}`" aria-expanded="true"
                                                    :aria-controls="`collapseDetail${item.id}`">
                                                    <i class="fa fa-arrow-down"></i> Items
                                                </button>
                                            </h3>
                                        </div>

                                        <div :id="'collapseDetail' + item.id" class="collapse"
                                            :aria-labelledby="`headingDetail${item.id}`"
                                            :data-parent="`#accordionReviewDetail${item.id}`">
                                            <div class="card-body">
                                                <div class="table-responsive">
                                                    <table
                                                        class="table table-condensed table-head-fixed text-nowrap text-center">
                                                        <thead>
                                                            <tr>
                                                                <th>Height <small>(cm)</small></th>
                                                                <th>Width <small>(cm)</small></th>
                                                                <th>Length <small>(cm)</small></th>
                                                                <th>Total Volume <small>(m3)</small></th>
                                                                <th>Weight <small>(kg)</small></th>
                                                                <th>Qty</th>
                                                                <th>Total Weight <small>(kg)</small></th>
                                                                <th>
                                                                    <button class="btn btn-outline-secondary btn-sm"
                                                                        @click="openModal('editItems', { 'id': item.id, 'type': 'Add' })"><i
                                                                            class="fas fa-plus"
                                                                            aria-hidden="true"></i></button>
                                                                </th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr v-for="(item, keysi) in item.items" :key="item.id">
                                                                <td>{{ item.height }}</td>
                                                                <td>{{ item.width }}</td>
                                                                <td>{{ item.length }}</td>
                                                                <td>{{ parseFloat(((item.height * item.width *
                                                                    item.length
                                                                ) * item.quantity) / 1000).toFixed(2) }} </td>
                                                                <td>{{ item.weight }}</td>
                                                                <td>{{ item.quantity }}</td>
                                                                <td>{{ parseFloat(item.weight *
                                                                    item.quantity).toFixed(2) }}</td>
                                                                <td>
                                                                    <button class="btn btn-info-inline"
                                                                        @click="openModal('editItems', { ...item, 'type': 'Edit' })"><i
                                                                            class="fas fa-pencil-alt"
                                                                            aria-hidden="true"></i></button>
                                                                    <button v-if="keysi > 0" class="btn btn-info-inline"
                                                                        @click.prevent="removeorderitems(item.id)"
                                                                        title="Delete Order item"><i class="fa fa-trash"
                                                                            aria-hidden="true"></i></button>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>


                                    <hr>

                                    <div class="card">
                                        <div class="card-header bg-light" :id="'headingDetail' + (item.id + 1)">
                                            <h3 class="mb-0">
                                                <button class="btn btn-link" type="button" data-toggle="collapse"
                                                    :data-target="`#collapseDetail${item.id + 1}`" aria-expanded="true"
                                                    :aria-controls="`collapseDetail${item.id + 1}`">
                                                    <i class="fa fa-arrow-down"></i> Additional Services
                                                </button>
                                            </h3>
                                        </div>

                                        <div :id="'collapseDetail' + (item.id + 1)" class="collapse"
                                            :aria-labelledby="`headingDetail${item.id + 1}`"
                                            :data-parent="`#accordionReviewDetail${item.id}`">
                                            <div class="card-body">

                                                <div class="row mb-4">
                                                    <div class="col-md-6">
                                                        <div class="box shadow p-2 mb-4">
                                                            <h5 class="my-4">Pick Up Location</h5>

                                                            <p v-for="item in item.service_start" :key="item.id"><i
                                                                    class="fas fa-check"></i> {{ item.name }}</p>

                                                            <button class="btn btn-primary mt-3" type="button"
                                                                @click="openModal('editServiceStart', item)">Edit</button>

                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="box shadow p-2 mb-4">
                                                            <h5 class="my-4">Delivery Location</h5>

                                                            <p v-for="item in item.service_end" :key="item.id"><i
                                                                    class="fas fa-check"></i> {{ item.name }}</p>


                                                            <button class="btn btn-primary mt-3" type="button"
                                                                @click="openModal('editServiceEnd', item)">Edit</button>

                                                        </div>
                                                    </div>
                                                    <div class="col-12">
                                                        <div class="box shadow p-2 mb-4">
                                                            <h5 class="my-4">Delivery Instructions</h5>

                                                            <p class="mb-2">{{ item.notes }}</p>

                                                            <button class="btn btn-primary mt-3" type="button"
                                                                @click="openModal('editNotes', item)">Edit</button>

                                                        </div>
                                                    </div>

                                                </div>

                                            </div>
                                        </div>

                                    </div>


                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </template>

        </div>

@iverano that is not the complete single file component?