.swiper-pagination-vertical class is not removed when changing direction via breakpoints

[benwallis]

Check that this is really a bug

• I confirm

Reproduction link

https://4pqz1b-5000.csb.app/

Bug description

When changing direction from vertical to horizontal via breakpoint, the ".swiper-pagination-vertical" class is not removed resulting in the pagination/navigation elements being in the wrong place/orientation.

    var swiper = new Swiper(".mySwiper", {
      direction: "horizontal",
      slidesPerView: 1,
      spaceBetween: 10,
      pagination: {
        el: ".swiper-pagination",
        clickable: true,
        enabled: true,
      },
      breakpoints: {
        992: {
            direction: "vertical",
            slidesPerView: 5,
            navigation: {
                enabled: false
            },
            pagination: {
                enabled: false
            }
        }
    }
    });

Expected Behavior

The pagination bullets should not be displayed vertically when the swiper direction is "horizontal".

Actual Behavior

The pagination bullets are displayed vertically when the swiper direction is "horizontal".

Swiper version

9.1.1

Platform/Target and Browser Versions

macOS, Windows, iOS, Android - Chrome, Firefox, Safari, Edge (latest versions))

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