アイランドコンポーネントをレンダリングする際、アイランドコンポーネントの内容は静的であるため、クライアント側には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が新しいアイランドのフェッチに失敗したときに発生します。