Vue 3 Guide
Composable, plugin, streaming, and batch examples.
Install
npm install @xaikorea0/js-client vueComposable (recommended)
<script setup lang="ts">
import { useTaxia } from '@xaikorea0/js-client/vue';
import { onMounted } from 'vue';
const { query, loading, error, data } = useTaxia({
apiKey: import.meta.env.VITE_TAXIA_API_KEY || '',
cacheEnabled: true,
});
onMounted(() => {
query('법인세율은 얼마인가요?');
});
</script>
Plugin + useTaxiaClient
// main.ts
import { createApp } from 'vue';
import App from './App.vue';
import { TaxiaPlugin } from '@xaikorea0/js-client/vue';
createApp(App)
.use(TaxiaPlugin, {
config: { apiKey: import.meta.env.VITE_TAXIA_API_KEY || '', cacheEnabled: true },
})
.mount('#app');
Streaming
const { queryStream, loading } = useTaxia({ apiKey: 'YOUR_KEY' });
const chunks = ref([]);
const handleStream = () => {
chunks.value = [];
queryStream('법인세 신고 방법은?', (chunk) => chunks.value.push(chunk));
};
Batch
const client = useTaxiaClient();
const results = await client.queryBatch(['법인세율?', '부가세율?']);