bootstrap-vue-next: B-Table not working as expected after update from v0.8.15 to further versions

Describe the bug.: B-Table not working as expect after update from v0.8.15 to further versions, including the latest v0.9.26. I followed the docs and updated the code, but its not working as expected.

To Reproduce. :

1 .Initially our b-table code was like:

<b-table
        v-model:busy="isBusy"
        :items="items"
        :fields="fields"
        v-model:sort-by="sortBy"
        v-model:sort-desc="sortDesc"
        responsive="sm">

        <template v-slot:cell(createdAt)="data">
            {{ data.value }}
        </template>
        <template v-slot:cell(expires)="data">
            {{ data.value }}
        </template>
</b-table>

And then it would show table like:

Created At	Expires
20 Jan 2023	20 March 2023
1 Sept 2022	Never

1. But now after the upgrade, its only showing the headers, value is not being shown. I modified the b-table code as follows:

<b-table
        :busy="isBusy"
        :items="items"
        :fields="fields"
        v-model:sort-by="sortBy"
        v-model:sort-desc="sortDesc"
        responsive="sm">

        <template v-slot:select-cell(createdAt)="data">
            {{ data.value }}
        </template>
        <template v-slot:select-cell(expires)="data">
            {{ data.value }}
        </template>
</b-table>

This is the output:

Created At	Expires

Here, when i inspect the tbody, its empty.

---

Expected behavior: Expected to show the values.

Screenshots: Not necessary as no errors including typescript errors are thrown. Its just that no T-body i shown.

Environment:

• OS: Ubuntu 23.04
• Package Version: Starting from v0.9.0. (Last working was v0.8.15)
• Npm Version: npm@8.19.3

---

If I’m doing it wrong, I’m sorry, but please throw some light on this.