Vue や Svelte で Chat SDK の Web UI を構築可能に
本文の状態
日本語全文を表示中
詳細モードで約1分の本文を読めます。
同じ出来事の情報源
この情報源を基点に整理
Vercel Blog
Vercel が提供する Chat SDK に、Vue と Svelte のネイティブサポートが正式追加された。これにより、React 統合に加え、各フレームワーク固有の useChat フックを使用して、同じサーバールートでチャット UI を構築できるようになった。
Source Article
元記事を日本語で読む
本文に関係しない購読案内、埋め込み通知、サイト内プロモーションは除いています。
Chat SDK の Web アダプターは、既存の React インテグレーションに加えて、Vue と Svelte に対するファーストクラスのサポートを備えるようになりました。このアダプターは AI SDK UI メッセージストリームプロトコルに対応しているため、同じサーバールートを使用できます。各フレームワークには、React、Vue、Svelte のそれぞれの AI SDK パッケージに基づいて構築された独自の useChat が同梱されています。
Vue と Svelte のヘルパーは反応性のある Chat インスタンスを返すため、チャットメッセージやステータスを読み取る際は、テンプレート内で直接 chat.messages や chat.status にアクセスし、デストラクチャリングを行わないようにしてください。api および threadId オプションは React ラッパーと一致しており、サーバー設定も変更する必要はありません。
始め方はドキュメントをご覧ください。またはアダプターディレクトリを閲覧することもできます。
続きを読む
原文を表示
The Chat SDK web adapter now has first-class support for Vue and Svelte, joining the existing React integration. Because the adapter speaks the AI SDK UI message stream protocol, the same server route works. Each framework ships its own useChat, built on the matching AI SDK package for React, Vue, or Svelte.
The Vue and Svelte helpers return a reactive Chat instance, so read chat.messages and chat.status directly in your template rather than destructuring. The api and threadId options match the React wrapper, and your server setup remains the same.
Read the documentation to get started or browse the adapters directory.
Read more
今日のまとめ
AIデイリーブリーフで今日の重要ニュースをまとめ読み