Как добавить множественную нумерацию страниц на одном слайдере Swiper

Question

Я хотел бы добавить две пагинации для моего слайдера-слайдера, что-то вроде прикрепленного изображения, один будет содержать текст, а другой будет точкой, которая по умолчанию появляется в слайдерном слайдере.Я попробовал какой-то код, но он не работал.

Вот мой код

    var menu = ['Slide 1', 'Slide 2', 'Slide 3']
    var swiper = new Swiper('.swiper-container', {
	pagination: {
		el: '.swiper-pagination',
			clickable: true,
        renderBullet: function (index, className) {
          return '<span class="' + className + '">' + (menu[index]) + '</span>';
        },
    },
	
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });