Nested Slots in Swiper Vue, are not printed in the right location

[Dru-S]

Check that this is really a bug

• I confirm

Reproduction link

https://codesandbox.io/p/sandbox/swiper-vue-default-forked-xf0jp2?file=%2Fsrc%2FApp.vue

Bug description

When using a Swiper inside a component, and the slots are passed from the parent component to the Swiper, they're not printed in the right slot.

Expected Behavior

Slots, used like that, inside a component:

<template v-slot:container-start><slot name="outer-container-start"></slot></template>
<template v-slot:container-end><slot name="outer-container-end"></slot></template>
<template v-slot:wrapper-start><slot name="outer-wrapper-start"></slot></template>
<template v-slot:wrapper-end><slot name="outer-wrapper-end"></slot></template>

should render in the right slot.

Actual Behavior

All slots passed from a parent component, are rendered in container-end, as per vue/get-children.js file:

...

if (slotName === 'default') slotName = 'container-end';
if (isFragment && vnode.children) {
        getSlidesFromElements(vnode.children, 'default');
}
...

Simply change

getSlidesFromElements(vnode.children, 'default');

to

getSlidesFromElements(vnode.children, slotName);

fixes the problem.

Swiper version

9.2.0 (and also lower)

Platform/Target and Browser Versions

All

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR