Vue2 Router Page Transition과 Scrollbehavior

레이아웃에 transition을 넣고,
라우터 이동될 때 상단으로 스크롤 되도록 설정했더니

라우터 변경 -> 이전페이지 상단 살짝 보임 -> 다음페이지 상단으로 이동

이런식으로 작동했다.

한참 삽질하다가
아래와 같이 작성하니 정상 작동한다.

const router = new VueRouter({
  mode: "history",
  base: process.env.VUE_APP_ROOT,
  scrollBehavior() {
    return new Promise((resolve) => {
      setTimeout(() => {
        resolve({ x: 0, y: 0 });
      }, 250);
    });
  },
  routes,
});