# Build Chat SDK web UIs in Vue or Svelte

**Published:** June 2, 2026 | **Authors:** Hugo Richard, Ben Sabic

---

The Chat SDK [web adapter](https://chat-sdk.dev/adapters/official/web) 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](https://ai-sdk.dev/docs/ai-sdk-ui/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.

**lib/bot.ts**
```typescript
// Vue / Nuxt
import { useChat } from "@chat-adapter/web/vue";
// Svelte / SvelteKit
import { useChat } from "@chat-adapter/web/svelte";
const chat = useChat({ api: "/api/chat" });
```

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](https://chat-sdk.dev/adapters/official/web) to get started or browse the [adapters directory](https://chat-sdk.dev/adapters).

---

📚 **More updates:** [View all changelog entries](/changelog/sitemap.md) | [Blog](/blog/sitemap.md)