Ainative Vue Sdk — Ainative Vue SDK

@ainative/vue-sdk 为 AINative 聊天补全提供的 Vue 3 composables。安装：npm install @ainative/vue-sdk

设置：provideAINative // main.ts 导入 { createApp } 从 'vue'； 导入 { provideAINative } 从 '@ainative/vue-sdk'； 导入 App 从 './App.vue'； 常量 app = createApp(App)； app.provide('ainative', { apiKey: import.meta.env.VITE_AINATIVE_API_KEY, baseUrl: 'https://api.ainative.studio', })； app.mount('#app')；

或者在组件内提供：

useChat 组合式

useChat 选项 选项 类型 默认值 描述 model string — 模型 ID（例如 claude-3-5-sonnet-20241022） initialMessages Message[] [] 初始化对话

useChat 返回字段 字段 类型 描述 messages Ref 反应式消息列表 isLoading Ref 请求期间为 true error Ref 最后一个错误 sendMessage (msgs: Message[]) => Promise<...> 发送下一个回合 reset () => void 清除对话

useCredits 组合式

Nuxt 集成 // plugins/ainative.client.ts 导入 { provideAINative } 从 '@ainative/vue-sdk'； 导出默认 defineNuxtPlugin(() => { provideAINative({ apiKey: useRuntimeConfig().public.ainativeApiKey })； ）； // nuxt.config.ts 导出默认 defineNuxtConfig({ runtimeConfig: { public: { ainativeApiKey: process.env.VITE_AINATIVE_API_KEY } } ）；

导出 导入 { useChat, useCredits, useAINative, provideAINative, 类型 Message, 类型 UseChatOptions, 类型 UseChatReturn, 类型 AINativeError, } 从 '@ainative/vue-sdk'；

参考 packages/sdks/vue/src/composables/useChat.ts — useChat 实现 packages/sdks/vue/src/composables/useCredits.ts — useCredits 实现 packages/sdks/vue/src/composables/useAINative.ts — 配置注入 packages/sdks/vue/src/index.ts — 包导出