Tengo un proyecto Nuxt con implementación Buuefy. Intenté hacer una tabla con la ranura #vacía cuando no hay datos disponibles, pero no funciona. Documentación para usos de la mesa Buefy

 <template #empty> <div class="has-text-centered">No records</div> </template>

mi código parece

 <b-table :data="companies" id="agencyCompaniesTable" bordered> <b-table-column v-for="column in columns" :key="column.id" v-bind="column"> <template v-if="column.searchable && !column.numeric" #searchable="props"> <b-input v-model="props.filters[props.column.field]" placeholder="Search..." icon="magnify" size="is-small" /> </template> <template v-slot="props"> {{ props.row[column.field] }} </template> </b-table-column> <template #empty> <div class="has-text-centered">No records</div> </template> </b-table>

El código es idéntico, la tabla está vacía pero no veo el texto "Sin registros". ¿Cual podría ser el problema? Gracias por cualquier ayuda.