How to change params with breakpoints after init properly?

[TalantRys]

I have multiple sliders with same selector and options on start.
const Swipers = new Swiper('.slider-block', {})
I want to change options of some sliders and keep others unchanged without adding another new Swiper, so i decided to add data attribute.

<div class="slider-block swiper" data-swiper-options="{loop: true, slidesPerView : 6 }">
</div>

First i tried merge swiper.params and data objects and use update() method. It works.

        const Swipers = new Swiper('.slider-block', {});

	/** change params if data is exists */
	const changeParam = (slider) => {
		const options = slider.el.dataset.swiperOptions;
		if (options != undefined) {
			slider.params = {...slider.params, ...JSON.parse(options)};
			slider.update();
		}
	}

	if (typeof Swipers == 'object')
		Swipers.forEach(changeParam);
	else
		changeParam(Swipers);

But i need to add different breakpoints and code up here doesn't work. Swiper updates only breakpoints and ignores other options.

<div class="slider-block swiper" data-swiper-options="{loop: true, slidesPerView : 1, breakpoints: {768: {slidesPerView: 4}, 1024: {slidesPerView: 6}}}">
</div>

How i tried to solve that for now, but unsuccessful

I had to split breakpoints and other options, merge breakpoints first and use update() twice:

        /** change params if data is exists */
	const changeParam = (slider) => {
		const options = slider.el.dataset.swiperOptions;
		if (options != undefined) {
			const { slidesPerView, loop, breakpoints } = JSON.parse(options);

// Works from data
			if (breakpoints) {
				slider.params.breakpoints = {
					...slider.params.breakpoints,
					...breakpoints,
				};
				slider.update();
			}

// Does not work from data
			slider.params = {
				...slider.params,
				...{
					loop: loop,
					slidesPerView: slidesPerView,
				}
			};

			slider.update();
		}
	}

So how actually change params by update()?

It's seems weird that update() can't change them in first code. Does that looks like a issue?

Full code:

       const Swipers = new Swiper('.slider-block', {
		autoplay: {
			delay: 10000,
		},
		slidesPerView: 3, // default view for all slides
		slidesPerGroup: 1,
		spaceBetween: 32,
		navigation: {
			nextEl: '.swiper-button-next',
			prevEl: '.swiper-button-prev',
		},
		pagination: {
			el: ".swiper-pagination",
			type: "fraction",
		},
	});


	/** change params if data is exists */
	const changeParam = (slider) => {
		const options = slider.el.dataset.swiperOptions;
		if (options != undefined) {
			const { slidesPerView, loop, breakpoints } = JSON.parse(options);
			if (breakpoints) {
				slider.params.breakpoints = {
					...slider.params.breakpoints,
					...breakpoints,
				};

			        slider.update();
			}



			slider.params = {
				...slider.params,
				...{
					loop: loop,
					slidesPerView: slidesPerView,
				}
			};
			
			slider.update();
		}
	}

	if (typeof Swipers == 'object')
		Swipers.forEach(changeParam);
	else
		changeParam(Swipers);