Swiper.jsでスマホのみスライドにする方法｜スマホ横向きでも動く

<div class="slide">
    <div class="slide__container js-slideContainer">
      <div class="swiper-wrapper slide__wrapper">
        <div class="swiper-slide slide__item">
          <img src="https://dl.dropbox.com/scl/fi/eab2fb8yryqkuymfu3lcl/dummy_img.png?rlkey=h7xejmw9hg2gv1t1hmyd3n6g1&st=7yyd5dj5&dl=0" alt="" class="slide__img">
        </div>
        <div class="swiper-slide slide__item">
          <img src="https://dl.dropbox.com/scl/fi/eab2fb8yryqkuymfu3lcl/dummy_img.png?rlkey=h7xejmw9hg2gv1t1hmyd3n6g1&st=7yyd5dj5&dl=0" alt="" class="slide__img">
        </div>
        <div class="swiper-slide slide__item">
          <img src="https://dl.dropbox.com/scl/fi/eab2fb8yryqkuymfu3lcl/dummy_img.png?rlkey=h7xejmw9hg2gv1t1hmyd3n6g1&st=7yyd5dj5&dl=0" alt="" class="slide__img">
        </div>
        <div class="swiper-slide slide__item">
          <img src="https://dl.dropbox.com/scl/fi/eab2fb8yryqkuymfu3lcl/dummy_img.png?rlkey=h7xejmw9hg2gv1t1hmyd3n6g1&st=7yyd5dj5&dl=0" alt="" class="slide__img">
        </div>
        <div class="swiper-slide slide__item">
          <img src="https://dl.dropbox.com/scl/fi/eab2fb8yryqkuymfu3lcl/dummy_img.png?rlkey=h7xejmw9hg2gv1t1hmyd3n6g1&st=7yyd5dj5&dl=0" alt="" class="slide__img">
        </div>
      </div>
    </div>
  </div>

.slide {
  overflow: hidden;
}

@media (min-width: 769px) {
  .slide .slide__wrapper {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
  }
}

.slide__img {
  width: 100%;
}

let mobileSlider;

//Swiperを初期化する関数
function initSlider() {
  if (!mobileSlider) {
    mobileSlider = new Swiper('.js-slideContainer', {
      slidesPerView: 1.5,
      spaceBetween: 10,
      loop: true,
    });
  }
}

//Swiperを破棄する関数
function destroySlider() {
  if (mobileSlider) {
    mobileSlider.destroy();
    mobileSlider = null;
  }
}

//ページ読み込み時に画面幅768px未満の場合にSwiperを初期化
window.addEventListener('DOMContentLoaded', function() {
  if (window.innerWidth <= 768) {
    initSlider();
  }
});

//画面幅がリサイズ時に768px未満になった場合にSwiperを初期化、768px以上になった場合にSwiperを破棄
window.addEventListener('resize', function() {
  if (window.innerWidth <= 768) {
    if (!mobileSlider) {
      console.log('初期化');
      initSlider();
    }
  } else {
    if (mobileSlider) {
      console.log('破棄');
      destroySlider();
    }
  }
});