@ainative/vue-sdk

面向 AINative 聊天补全功能的 Vue 3 组合式函数（composables）。

安装

npm install @ainative/vue-sdk

初始化：provideAINative

// main.ts
import { createApp } from 'vue';
import { provideAINative } from '@ainative/vue-sdk';
import App from './App.vue';

const app = createApp(App);

app.provide('ainative', {
  apiKey: import.meta.env.VITE_AINATIVE_API_KEY,
  baseUrl: 'https://api.ainative.studio',
});

app.mount('#app');

或在组件内部提供配置：

useChat 组合式函数

useChat 配置项

useChat 返回值

useCredits 组合式函数

Nuxt 集成

// plugins/ainative.client.ts
import { provideAINative } from '@ainative/vue-sdk';
export default defineNuxtPlugin(() => {
  provideAINative({ apiKey: useRuntimeConfig().public.ainativeApiKey });
});

// nuxt.config.ts
export default defineNuxtConfig({
  runtimeConfig: {
    public: { ainativeApiKey: process.env.VITE_AINATIVE_API_KEY }
  }
});

导出内容

import {
  useChat,
  useCredits,
  useAINative,
  provideAINative,
  type Message,
  type UseChatOptions,
  type UseChatReturn,
  type AINativeError,
} from '@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 — 包导出入口