Compact · frontend

Use Qwen 3 4B with Vue.js

Updated 2026-05-21 · By XALEN

1. Install

npm install xalen-sdk

2. Code

<script setup>
import { ref } from 'vue';
import XALEN from 'xalen-sdk';

const client = new XALEN({ apiKey: 'xln_test_YOUR_KEY' });
const reply = ref('');

async function ask(question) {
  const res = await client.chat.completions.create({
    model: 'qwen-3-4b',
    messages: [{ role: 'user', content: question }]
  });
  reply.value = res.choices[0].message.content;
}
</script>

<template>
  <div>{{ reply }}</div>
</template>

Qwen 3 4B with Other Frameworks

Other Models with Vue.js

Last updated: 2026-05-21