npm run generate와 npx nuxi generate는 무엇이 다를까
Nuxt 정적 빌드 명령 npm run generate와 npx nuxi generate를 npm run, npx, nuxi 순서로 쪼개 보면 Nuxt 3에서는 같은 빌드다.
Nuxt3
템플릿 두 개가 섞인 저장소를 Nx 모노레포로 나누기
A·B 템플릿을 한 저장소에 합쳐 쓰다 패키지 충돌이 늘어, Nx 모노레포로 앱을 나눈 과정과 남은 의문을 정리했다.
Nuxt3 화면 일부를 PDF로 내려받기
Nuxt3 화면의 특정 HTML 영역만 PDF로 내려주기 위해 html2pdf.js를 붙이고 옵션과 다운로드 버튼을 구성한 방법
Nuxt3의 default 레이아웃과 페이지별 전환
Nuxt3 페이지는 설정이 없으면 default 레이아웃을 쓴다. definePageMeta로 페이지마다 고정하고 setPageLayout으로 실행 중에 바꾼다.
Nuxt 3의 $fetch가 fetch보다 더 해 주는 일
$fetch는 fetch에 JSON 파싱과 에러 처리를 얹은 함수이고, 컴포넌트에서는 useAsyncData로 감싸야 두 번 호출되지 않는다.
useFetch 안에 들어 있는 useAsyncData
useFetch는 useAsyncData에 $fetch와 자동 key를 얹은 것이고, key로 캐시된 데이터는 refresh로 다시 받는다.