onNuxtReady

onNuxtReady コンポーザブルは、アプリの初期化が完了した後にコールバックを実行することを可能にします。

onNuxtReady はクライアントサイドでのみ実行されます。 :br アプリの初期レンダリングをブロックしないコードを実行するのに理想的です。

plugins/ready.client.ts

export default defineNuxtPlugin(() => {
  onNuxtReady(async () => {
    const myAnalyticsLibrary = await import('my-big-analytics-library')
    // myAnalyticsLibrary を使って何かをする
  })
})

アプリの初期化後でも「安全」に実行できます。この場合、コードは次のアイドルコールバックで実行されるように登録されます。

※このページは Nuxt.js 公式ドキュメントの翻訳ページ（非公式）です。

公式ドキュメントの該当ページはこちら：
https://nuxt.com/docs/3.x/api/utils/on-nuxt-ready