destroy doesn't work on page load

[HendrikWismans]

Checks

• Not a duplicate.
• 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

Description

I'm update splide to v3 (from v2). The destroy function doesn't work correct.

I want:

• Mobile: splide with 1 tile
• Large mobile: splide with 2 tiles
• Desktop: no splide

It works NOT on initial page load on desktop. Splide is not destroyed. If you make your screen bigger and smaller destroy works.

Reproduction Link

https://codepen.io/hendrik___/pen/LYOvWPo

Steps to Reproduce

Open https://codepen.io/hendrik___/pen/LYOvWPo on large screen.

Expected Behaviour

On larger screen splide must be inactive.

[wittywolk]

I overcome this issue with using min instead of default max but... What's weird is that the elements inside appear like they have text with font-weight higher than it is until I hover at them, then it goes back to normal. Weird... :/

 new Splide('.splide-blog', {
        gap: '1.6rem',
	type   : 'loop',
        perPage: 1,
        perMove: 1,
		interval: 3000,
		speed: 500,
		arrows: false,
		mediaQuery: 'min',
		breakpoints: {
				768: {
				destroy: true,
				        },
			  	     }

[NaotoshiFujita]

Fixed in v4.0.0.