Add a convenient option for styling pagination

[Softgod4]

Is your feature request related to a problem? Please describe.
The problem is that you have to use :deep in pagination to style the slider

Describe the solution you'd like
add a paragraph about proper styling to the manual or add methods for styling pagination

[ismail9k]

There’s actually no need to use :deep to modify the styling of any carousel elements. The Vue3-Carousal library uses the BEM naming convention, which simplifies the process of customizing styles. You can easily override specific styles by targeting the relevant classes directly, ensuring consistent and scoped styling without needing special selectors.

[ismail9k]

Please check this example on how to simply customise your carousel component

https://stackblitz.com/edit/vue3-carousel-example-basic-qzfh3q?file=src%2FApp.vue

[olafyang]

Please check this example on how to simply customise your carousel component

https://stackblitz.com/edit/vue3-carousel-example-basic-qzfh3q?file=src%2FApp.vue

The example wouldn't work now because some changes were made for pagination button, namely

1. Default styling of the pagination button was changed to applying to the <button> element itself instead of the ::after pseudoclass (19d1fed)
2. The position attribute was changed to absolute and margin was set to 0 (2de89a5)

To achieve similar effect you'll have to change the styling in App.vue

.carousel__prev, .carousel__next {
  top: calc(50% - 10px);
}
.carousel__pagination {
  position: unset;
  transform: none;
  margin-top: 10px !important;
}
.carousel__pagination-button {
  height: 5px;
  width: 5px;
  border-radius: 5px;
  background-color: white;
}

https://stackblitz.com/edit/vue3-carousel-example-basic-yb7rpaui?file=src%2FApp.vue

I was having some issues styling the pagination myself due to the !important flag in the margin property of .carousel__pagination from the default styling. Was it added for a perticular reason? I've tried removing it in the example and it wouldn't change the styling.

Thanks for the great work ❤️