Vue

Documentation

@chartts/vue

Vue

Native Vue 3 package using the Composition API. Works with Nuxt, Vite, and any Vue setup.

Installation

npm install @chartts/vue

Basic usage

<script setup>
import { LineChart } from '@chartts/vue'
</script>

<template>
  <LineChart :data="data" x="month" y="revenue" />
</template>

Reactivity

Pass reactive data (ref or computed) and charts update automatically. Vue's fine-grained reactivity means only changed data points re-render.

Nuxt

Works with Nuxt 3 out of the box. Charts SSR as static SVG and hydrate on the client. No plugin or module needed.