---
title: "AI SDK"
description: "Streaming AI chat with live Comark rendering"
canonical_url: "https://comark.dev/examples/ai/nuxt-ai-sdk"
---
# AI SDK

> Streaming AI chat with live Comark rendering

<code-explorer org="comarkdown" repo="comark@0f3eb651439f21739c7f7ce33843c5c607ade2c0" path="examples/4.ai/nuxt-ai-sdk" defaultValue="server/api/chat.post.ts"></code-explorer>

## How it works

- **`server/api/chat.post.ts`** — `streamText` to stream the Markdown response from the model
- **`app/pages/index.vue`** — `Chat` from `@ai-sdk/vue` + `<Markdown :streaming="isPartStreaming(part)" caret>` for live per-part rendering

On the client, `<Markdown>` parses and renders the Markdown response and receives `:streaming="isPartStreaming(part)"` for accurate per-part streaming state.

## Setup

```bash
cp .env.example .env
# Add your AI_GATEWAY_API_KEY

pnpm install
pnpm dev
```


## Sitemap

See the full [sitemap](https://comark.dev/sitemap.md) for all pages.