useChat

The core composables useChat and useCompletion in @ai-sdk/vue are designed following the React version's useChat hook to ensure cross-framework API consistency.

useChat is designed for multi-turn conversation scenarios and maintains a message history list, while useCompletion is suited for single-pass text completion scenarios; both expose an error state field.

@ai-sdk/vue provides Composables for streaming response handling, chat state management, message queuing, and more.

@ai-sdk/vue provides composable functions such as useChat and useCompletion for Vue development.

@ai-sdk/vue provides developers with capabilities such as streaming conversation, tool calling, and structured output in the form of composables (e.g., useChat, useCompletion).

The core capabilities of @ai-sdk/vue are exposed in the form of Vue Composables, such as hooks like useChat and useCompletion, which are functionally symmetric with @ai-sdk/react.

@ai-sdk/vue encapsulates SDK capabilities as Composition API hooks that conform to Vue's usage conventions, providing hooks such as useChat and useCompletion.

@ai-sdk/vue provides composable functions (Composables) such as useChat and useCompletion, which encapsulate connection management with the AI backend, streaming token reception, and message history maintenance.

useChat and useCompletion are the two core composable APIs provided by @ai-sdk/vue.

Both useChat and useCompletion implement streaming output based on the Web Streams API.

The Vue binding layer typically exposes composables such as useChat and useCompletion, internally converting the ReadableStream returned by the core package into Vue's ref/computed state.

useChat and useCompletion encapsulate streaming communication with the backend API, loading states, and retry logic.

When upgrading @ai-sdk/vue, it is necessary to verify whether the API signatures, return value structures, and streaming behavior of composables such as useChat and useCompletion remain compatible with changes in the core package.

useChat internally maintains the message array, loading state and error state, and reads the server-returned text increments chunk by chunk via ReadableStream to achieve reactive updates.

Utility functions such as useChat provided by @ai-sdk/svelte essentially wrap streaming message state into a subscribable reactive object and handle connection cleanup when the component unmounts, reducing boilerplate for handwritten event listeners and state synchronization.

In CI, first update the lock file and run the full test suite (especially integration tests for useChat streaming parsing and error retries), and merge to the main branch only after confirming there are no regressions.

The Vue adapter package exposes state using primitives such as ref, reactive, and computed, and provides it in the form of composables (such as useChat).

useChat targets message-streaming conversation scenarios, where the output is usually text or a message array appended character by character; useObject targets streaming generation of structured objects, relying on streamObject underneath, which progressively parses the model output according to a JSON Schema into a continuously completed JavaScript object.

The useChat and useCompletion provided by @ai-sdk/vue internally maintain reactive variables such as the message list, loading state, and error information, and expose methods such as sendMessage and stop.

Both useChat and useCompletion are designed based on Vue's reactivity system, so developers do not need to manually handle the parsing of SSE or ReadableStream.