splide with ttb direction setting for small screen

[yyywork]

Checks

• [X] Not a duplicate.
• [X] Not a question, feature request, or anything other than a bug report directly related to Splide. Use Discussions for these topics: https://github.com/Splidejs/splide/discussions

Version

v3.0.0

Description

I tried to implement a splide showing multiple item horizontally on larger screen, and showing vertically on small screen, but I find out it is not showing anything when i load the page on small screen, and the gap for larger screen hadn't been removed on small screen

Reproduction Link

https://codepen.io/yyywork/pen/poLePOg

Steps to Reproduce

1. set a splide horizontally with gap
2. set a splide vertically for another screen with different gap
3. resize window/load the page for small screen

Expected Behaviour

I expected it switch to ttb splide smoothly like the config with gap:50px, and it should remove the gap i set on large screen, no matter i load the page on small screen or resize the window.