Vue 3

Author: sdebacker

src/resources/views/admin/index.blade.php

@@ -4,19 +4,19 @@
 
 @section('content')
     <item-list url-base="/api/things" fields="id,image_id,status,title" table="things" title="things" include="image" :exportable="true" :searchable="['title']" :sorting="['title_translated']">
-        <template slot="add-button" v-if="$can('create things')">
+        <template #add-button v-if="$can('create things')">
             @include('core::admin._button-create', ['module' => 'things'])
         </template>
 
-        <template slot="columns" slot-scope="{ sortArray }">
+        <template #columns="{ sortArray }">
             <item-list-column-header name="checkbox" v-if="$can('update things')||$can('delete things')"></item-list-column-header>
             <item-list-column-header name="edit" v-if="$can('update things')"></item-list-column-header>
             <item-list-column-header name="status_translated" sortable :sort-array="sortArray" :label="$t('Status')"></item-list-column-header>
             <item-list-column-header name="image" :label="$t('Image')"></item-list-column-header>
             <item-list-column-header name="title_translated" sortable :sort-array="sortArray" :label="$t('Title')"></item-list-column-header>
         </template>
 
-        <template slot="table-row" slot-scope="{ model, checkedModels, loading }">
+        <template #table-row="{ model, checkedModels, loading }">
             <td class="checkbox" v-if="$can('update things')||$can('delete things')">
                 <item-list-checkbox :model="model" :checked-models-prop="checkedModels" :loading="loading"></item-list-checkbox>
             </td>