페이지 전환시 스크롤바가 생기는 현상 막기

quasar vue3로 웹 개발중인데 페이지가 나올 때마도 오른쪽에 vertical 스크롤바가 잠깐 나타났다 사라지는 현상을 어떻게 막을 수 있지?

라고 Claud.ai 에 물어보니

이 문제는 콘텐츠의 너비가 일시적으로 뷰포트 너비를 초과하여 발생하는 경우가 많습니다. 이를 해결하기 위한 몇 가지 방법을 제안해 드리겠습니다:
CSS overflow-x 속성 사용:
body나 최상위 컨테이너에 overflow-y: hidden;을 적용하여 가로 스크롤을 숨깁니다.

body {
	overflow-x: hidden;
	overflow-y: hidden;
\}

x, y는 눈치껏 상황봐서 둘 다 하거나 하나만 적용하면 됩니다.
이걸 적용하니 src/css/app.scss 파일에 수정 적용해주니 잘 해결되었다.