I am using swiper for my sliders but it has become more scattered, i have created seperate pages for the swipe view but i don't know how to inject it into a slider. please how do i do that?

So the end product will be that, i will slide through pages.

Hi, dont fully understand what you need. a little bit more context would be helpful.
But according to swiper doc

Manipulation Methods

swiper.addSlide(index, slides) Add new slides to the required index. slides could be HTMLElement or HTML string with new slide or array with such slides, for example:

addSlide(1, '<div class="swiper-slide">Slide 10"</div>')

addSlide(1, [
 '<div class="swiper-slide">Slide 10"</div>',
 '<div class="swiper-slide">Slide 11"</div>'

Ok. Instead of HTML element i want to replace it will a full page. like slide10.vue
This is all what i was trying to say.

If you use vue, you can use

  <component v-bind:is="myNiceComponent"></component>

then make a v-for loop of your components and give it a try.
didnt test it, but maybe it works.