b-carousel-list slides functionality does not work when changing 'data' property value

[kamaladenalhomsi]

Overview of the problem

Buefy version: 0.8.15
Vuejs version: 2.6.11
OS/Browser:

OS: Windows 10 Pro
Browser: Chrome 81

Description

The bug

I am using the component <b-carousel-list> with only those two properties data and items-to-show

I am binding the data prop to items reactive property defined in the data function

and then after 3 second (setTimeout), in the mounted hook, I am changing the items from empty array to array of objects
it renders the new data properly, but I cannot navigate between slides afterwards, whether using the arrows or dragging

Steps to reproduce

reproduced on sandbox: https://codesandbox.io/s/recursing-shockley-tk5jy

Expected behavior

to be able to navigate between slides using arrows and dragging

Actual behavior

simply, it does not work