Enterprise · frontend

Use IBM Granite 3.1 8B 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: 'granite-3-1-8b',
    messages: [{ role: 'user', content: question }]
  });
  reply.value = res.choices[0].message.content;
}
</script>

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

IBM Granite 3.1 8B with Other Frameworks

Other Models with Vue.js

Last updated: 2026-05-21