onNuxtReady

onNuxtReady 컴포저블을 사용하면 앱 초기화가 완료된 후 콜백을 실행할 수 있다.

onNuxtReady 는 클라이언트 측에서만 실행된다. 앱의 초기 렌더링을 차단하지 않는 코드를 실행하는 데 이상적이다.

 

// plugins/ready.client.ts

export default defineNuxtPlugin(() => {
  onNuxtReady(async () => {
    const myAnalyticsLibrary = await import('my-big-analytics-library')
    // do something with myAnalyticsLibrary
  })
})

 앱이 초기화된 후 안전하게 실행된다. 이 경우 다음 idle 콜백에서 실행되도록 코드가 등록된다.