Open Source · frontend

Use WizardLM 2 8x22B with Vue.js

Updated 2026-05-21 · By XALEN

How to use WizardLM 2 8x22B (Open Source, 176B (22B active)) with Vue.js. Install, authenticate, and make your first API call in minutes. Working code example included.

Model

WizardLM 2 8x22B

176B (22B active) · 65K context · $0.04 input

Framework

Vue.js

frontend · npm install xalen-sdk

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: 'wizardlm-2-8x22b',
    messages: [{ role: 'user', content: question }]
  });
  reply.value = res.choices[0].message.content;
}
</script>

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

WizardLM 2 8x22B with Other Frameworks

Python JavaScript React Next.js Flask FastAPI Django Express.js

Other Models with Vue.js

Vedika Standard Vedika Fast Vedika Pro Ultra Vedika Vision Vedika Code Vedika Astro Agent

200+ models. One API. Works with any framework.

Get API Key

Last updated: 2026-05-21