Big Wheel

Если только css, то subgrid + немного магии :has
https://codepen.io/xdevelx/pen/bGJaYVV

P.S. По поводу поддержки браузеров я бы сильно не беспокоился - без поддержки сабгридов верстка не сломается. Вполне себе progressive enhancement. Можно добавить @supports (в примере есть)

Хорошего нативного и кроссбраузерного решения у нас пока нет. Но у path в SVG есть методы getTotalLength и getPointAtLength, а из них можно сообразить себе утилиту для расположения кружков вдоль кривой в удобных единицах измерения. Это не так здорово, как на CSS, но тем не менее:

function putCircleOnPath(path, circle, percent) {
    const length = path.getTotalLength();
    const point = path.getPointAtLength(length * percent / 100);

    circle.setAttribute('cx', point.x);
    circle.setAttribute('cy', point.y);
}

Получится что-то такое:

Как и с любым иным компонентом vue - не через залезание руками в api\dom.
Просто делаете v-if="showSwiper" и переключаете, соответственно, this.showSwiper. Если v-if="false" компонент будет разрушен и всё.

// Нормальные компоненты производят всю необходимую очистку внутри себя сами по автоматическому хуку destroy, и вам не надо не о чём заботиться. Иногда конечно встречается кривое г-но с текущей памятью, но в таких случях проще самому написать компонент с нуля.

P,S. Никогда не используйте в одном компоненте одновременно setup и methods, вообще никогда. Либо одно либо другое. Это разная парадигма.

Примерно так, немного криво (можно и лучше).

Если надо сделать так, чтобы нечётные строки были минимальной высоты, тогда убирайте у .container grid-template-rows: repeat(3, 1fr);. Если хотите, чтобы все строки были одной высоты, тогда добавляйте grid-auto-rows: 1fr;.

Работает.

e.target.dataset.followerStyle

Что такое e.target? Ну, когда вы наводите курсор на слайд с data-атрибутом. На тот слайд, который не видно за вложенной в него картинкой.

Надо не сразу target хватать, а пытаться найти у него предка с нужным вам атрибутом.