페이지, 구성요소 및 플러그인 내에서 SSR 친화적인 컴포저블인 useCookie 을 사용하여 쿠키를 읽고 쓸 수 있다. const cookie = useCookie(name, options) useCookie ref는 쿠키 값을 JSON으로 자동으로 직렬화 및 역직렬화한다. Example 아래 예에서는 counter 라는 쿠키를 생성한다 . 쿠키가 존재하지 않으면 처음에는 임의의 값으로 설정된다. 변수 counter 를 업데이트할 때마다 그에 따라 쿠키도 업데이트된다. Counter: {{ counter || '-' }} reset - + 아래 예는 useCookie API를 사용하여 클라이언트와 서버 모두 사용할 수 있는 소량의 데이터를 유지하는 방법을 보여준다. Welcome, {{ user.nam..

useAsyncData는 SSR 친화적인 컴포저블에서 비동기적으로 확인되는 데이터에 대한 액세스를 제공한다. 페이지, 구성 요소 및 플러그인 내에서 useAsyncData를 사용하여 비동기적으로 확인되는 데이터에 액세스할 수 있다. useAsyncData 는 설정 함수, 플러그인 또는 라우팅 미들웨어에서 직접 호출되는 컴포저블이다. 반응형 컴포저블을 반환하고 Nuxt 페이로드에 응답을 추가 하므로 페이지가 하이드레이션될 때 클라이언트 측에서 데이터를 다시 가져오지 않고도 서버에서 클라이언트로 응답이 전달될 수 있다. 사용법 Watch Params 내장 watch옵션을 사용하면 변경 사항이 감지될 때 fetcher기능을 자동으로 다시 실행할 수 있다. 주의) useAsyncData은 컴파일러에 의해 변환된..

프로젝트에 설정된 app config 를 불러온다. Nuxt 3는 app.config 파일을 통해서 라이프사이클 내에서 런타임에 업데이트하거나 nuxt 플러그인을 사용하여 HMR(핫 모듈 교체)로 편집할 수 있는 기능 등의, 애플리케이션 구성을 노출할 수 있다. app.config.ts 파일을 사용하여 런타임 앱 구성을 쉽게 제공할 수 있다. .ts, .js 또는 .mjs 확장자를 가질 수 있다 . 사용예 export default defineAppConfig({ theme: { primaryColor: '#ababab' } }) 주의) 파일안에 비밀번호 등의 값을 넣으면 안된다. app.config 는 사용자 클라이언트 번들에 노출된다. app.config 에 theme 를 추가할 때 Nuxt는 Vit..