useCompletion
A composable API provided by the Vercel AI SDK in its Vue adapter package, used to implement AI generation features such as text completion within Vue components. It internally maintains reactive variables such as loading state and error information.
Core Facts
Timeline (last 90 days)
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.
Both useChat and useCompletion rely on the streaming parsing capabilities provided by the underlying ai core package.
@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).
@ai-sdk/vue abstracts the underlying Server-Sent Events or ReadableStream into reactive state through Vue 3 composition functions such as useChat and useCompletion.
Both useChat and useCompletion support specifying a custom backend route via the api parameter, where the backend calls the model provider API, thereby avoiding exposure of keys on the frontend.
@ai-sdk/react is the official adapter package for the React ecosystem, encapsulating Hooks such as useChat and useCompletion.
Both useChat and useCompletion abstract the consumption logic of Server-Sent Events (SSE) and are deeply integrated with Next.js's Route Handlers or Edge Functions.
Both useChat and useCompletion are built on Vue 3's Composition API and can be called directly within <script setup>.
useChat and useCompletion are the two core composable APIs provided by @ai-sdk/vue.
8 more timeline events
All Facts (18)
useCompletion is suitable for single-turn text completion scenarios.
85%UnverifieduseChat and useCompletion are the two core composable APIs provided by @ai-sdk/vue.
70%UnverifiedBoth useChat and useCompletion implement streaming output based on the Web Streams API.
70%UnverifiedThe 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.
50%UnverifiedBoth 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.
50%UnverifiedBoth useChat and useCompletion rely on the streaming parsing capabilities provided by the underlying ai core package.
50%Unverified@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).
50%Unverified@ai-sdk/vue abstracts the underlying Server-Sent Events or ReadableStream into reactive state through Vue 3 composition functions such as useChat and useCompletion.
50%UnverifiedBoth useChat and useCompletion support specifying a custom backend route via the api parameter, where the backend calls the model provider API, thereby avoiding exposure of keys on the frontend.
50%Unverified@ai-sdk/react is the official adapter package for the React ecosystem, encapsulating Hooks such as useChat and useCompletion.
50%UnverifiedBoth useChat and useCompletion abstract the consumption logic of Server-Sent Events (SSE) and are deeply integrated with Next.js's Route Handlers or Edge Functions.
50%UnverifiedBoth useChat and useCompletion are built on Vue 3's Composition API and can be called directly within <script setup>.
50%UnverifiedDevelopers using Hooks such as useCompletion who encounter stale content displayed in the UI or requests that cannot be correctly cancelled during rapid successive requests are advised to upgrade as soon as possible.
50%UnverifiedProjects using composable APIs such as useCompletion are advised to upgrade to version 4.0.109 and perform regression testing on completion and cancellation logic after upgrading.
50%UnverifieduseCompletion targets single-turn text completion scenarios, while useChat targets multi-turn conversation scenarios.
50%UnverifieduseCompletion is a Vue Composable provided by @ai-sdk/vue that encapsulates the logic for making requests to AI completion endpoints, including request state, streaming concatenation, and manual stop() cancellation capability.
50%UnverifiedBoth useChat and useCompletion are designed based on Vue 3's Composition API, and internally implement token-by-token streaming output via SSE or ReadableStream.
50%UnverifiedReact Hooks such as useChat and useCompletion in the Vercel AI SDK encapsulate the complete lifecycle management of streaming responses.
50%