アイランドコンポーネントをレンダリングする際、アイランドコンポーネントの内容は静的であるため、クライアント側にはJSがダウンロードされません。

アイランドコンポーネントのプロップスを変更すると、アイランドコンポーネントの再レンダリングのために再フェッチがトリガーされます。

Props

• name : レンダリングするコンポーネントの名前。
  • type: string
  • required
• lazy: コンポーネントを非ブロッキングにします。
  • type: boolean
  • default: false
• props: レンダリングするコンポーネントに送信するプロップス。
  • type: Record<string, any>
• source: レンダリングするアイランドを呼び出すリモートソース。
  • type: string
• dangerouslyLoadClientComponents: リモートソースからコンポーネントをロードするために必要です。
  • type: boolean
  • default: false

Slots

スロットは宣言されていればアイランドコンポーネントに渡すことができます。

すべてのスロットはインタラクティブです。なぜなら、親コンポーネントがそれを提供するからです。

いくつかのスロットは特別なケースのためにNuxtIslandに予約されています。

• #fallback: アイランドがロードされる前（コンポーネントが遅延読み込みの場合）またはNuxtIslandがコンポーネントのフェッチに失敗した場合にレンダリングされるコンテンツを指定します。

Ref

• refresh()
  • type: () => Promise<void>
  • description: サーバーコンポーネントを再フェッチして強制的に再フェッチします。

Events

• error
  • parameters:
    • error:
      • type: unknown
  • description: NuxtIslandが新しいアイランドのフェッチに失敗したときに発生します。