// server/api/__aibind__/[...path].ts
import { createStreamHandler } from "@aibind/nuxt/server";
import { anthropic } from "@ai-sdk/anthropic";

const handler = createStreamHandler({
  model: anthropic("claude-sonnet-4-20250514"),
});

export default defineEventHandler(async (event) => {
  return handler(toWebRequest(event));
});

2. Stream in a component

<script setup lang="ts">
import { useStream } from "@aibind/nuxt";

const { text, loading, send } = useStream({
  system: "You are a helpful assistant.",
});

const prompt = ref("");
</script>

<template>
  <form @submit.prevent="send(prompt)">
    <input v-model="prompt" />
    <button :disabled="loading">Send</button>
  </form>

  <p v-if="text">{{ text }}</p>
</template>

Entry Points

Import Path	What You Get
`@aibind/nuxt`	`useStream`, `useStructuredStream`, `defineModels`
`@aibind/nuxt/server`	`createStreamHandler`, `ServerAgent`
`@aibind/nuxt/agent`	`useAgent`
`@aibind/nuxt/history`	`ReactiveChatHistory`, `ReactiveMessageTree`
`@aibind/nuxt/markdown`	`StreamMarkdown`
`@aibind/nuxt/project`	`Project`