[Nuxt3] Reload시 useFetch 실행 안되는 오류

문제상황

	const { data } = await useFetch(`/api/~`);

이와 같이 데이터를 불러와서 사용하는 경우, 페이지 전환으로 인해 페이지에 접근했을 때는 잘 호출이 되지만 페이지 reload시에는 호출이 되지않아 null로 반환을 해줌.

해결방법

await nextTick();
const { data } = await useFetch(`/api/~`);

api호출 전 nextTick()을 호출해준다.

참고

스택오버플로우