[vue3+TypeScript] Swiper의 type을 지정해주자.

<Swiper
@swiper="(swiper) => (swiperRef = swiper)"
@slideChangeTransitionEnd="slideChange">

여기서 swiper의 타입을 명시 해줘야하는데, 아무리 찾아도 이와관련한 내용이 없다가 한 블로그 글을 보게되었다.

아래처럼 import해서 타입을 지정해주니 바로 해결 되었다.

import { Swiper as SwiperCore } from 'swiper';
const slideChange = (e: SwiperCore) => {
	currentSlide.value = e.realIndex + 1;
};

 

참고

[React] TypeScript에서 Swiper 사용하기