Getting Started Guide
Get a Vanduo-styled page running in a few minutes with Vue 3 — a Vite project plus first-class, tree-shakeable components.
Scaffold a Vue project
pnpm create vite my-app --template vue-ts
cd my-app
pnpm add @vanduo-oss/vd3Register Vanduo & its styles
Add the VanduoVue plugin and the stylesheet once in your entry file:
// main.ts — register Vanduo and its styles
import { createApp } from 'vue';
import { VanduoVue } from '@vanduo-oss/vd3';
import '@vanduo-oss/vd3/css';
import App from './App.vue';
createApp(App).use(VanduoVue).mount('#app');Use the components
Import Vd* components from @vanduo-oss/vd3 — typed, tree-shakeable, ready to use:
<!-- App.vue — import Vanduo components and compose -->
<script setup lang="ts">
import { VdCard, VdButton } from '@vanduo-oss/vd3';
</script>
<template>
<VdCard>
<h1 class="vd-h1">Build fast with Vanduo</h1>
<p class="vd-lead vd-text-muted">First-class Vue 3 components.</p>
<VdButton variant="primary" size="lg">Get started</VdButton>
</VdCard>
</template>