Nuxt/docs/3.api/3.utils/on-nuxt-ready.md

26 lines
815 B
Markdown
Raw Permalink Normal View History

---
title: "onNuxtReady"
description: The onNuxtReady composable allows running a callback after your app has finished initializing.
links:
- label: Source
icon: i-simple-icons-github
to: https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/app/composables/ready.ts
size: xs
---
::important
`onNuxtReady` only runs on the client-side. :br
It is ideal for running code that should not block the initial rendering of your app.
::
```ts [plugins/ready.client.ts]
export default defineNuxtPlugin(() => {
onNuxtReady(async () => {
const myAnalyticsLibrary = await import('my-big-analytics-library')
// do something with myAnalyticsLibrary
})
})
```
It is 'safe' to run even after your app has initialized. In this case, then the code will be registered to run in the next idle callback.