@vanduo-oss/vue

⚠️ Retired — 2026-07-25. @vanduo-oss/vue is no longer developed or released. The Vanduo legacy line (the dual-engine Vanilla + Vue 3 system) is retired; development continues in the perspective line. @vanduo-oss/vd3 is the direct successor. The final release, 0.3.1, stays on npm and keeps working — this is a stop to development, not a removal.

New docs: https://vanduo-oss.github.io/vd3-docs/ · Migration guide: https://vanduo-oss.github.io/vd3-docs/guides/migration

First-class Vue 3 engine of the Vanduo design system.

Typed Vd* components and composables. One install gives you the Vue engine; the design tokens (@vanduo-oss/core) and runtime/styles (@vanduo-oss/framework) come along automatically.

Install

pnpm add @vanduo-oss/vue

vue and pinia (toast store) are peer dependencies.

Quick start

// main.ts
import { createApp } from "vue";
import { createPinia } from "pinia";
import { VanduoVue } from "@vanduo-oss/vue";
import "@vanduo-oss/vue/css"; // forwards the Vanduo stylesheet
import App from "./App.vue";

createApp(App).use(createPinia()).use(VanduoVue).mount("#app");

<script setup lang="ts">
import { VdButton, useToast } from "@vanduo-oss/vue";
const toast = useToast();
</script>

<template>
  <VdButton variant="primary" @click="toast.show({ message: 'Hi' })">Open</VdButton>
</template>

For SSR/SSG, await loadVanduoRuntime() before mounting so the framework's client JS is ready.

Documentation

• Docs & live demos — https://vanduo.dev
• Agent / LLM reference — SKILL.md
• Changelog — CHANGELOG.md

License

MIT © Vanduo