Skip to components
ONE LIBRARY. YOUR STACK.

Vue integration

The same components, styling, and interaction patterns for financial apps, reporting, and project management—across React, Vue, Angular, Svelte, Preact, and vanilla TypeScript.

Vue

@revolist/ui/vue

Import named Vue components in a single-file component. Use Vue events and slots; controls with a declared model also support v-model.

Usage example · Vue
<script setup lang="ts">
import { ref } from 'vue';
import { Button } from '@revolist/ui/vue';

const count = ref(0);
</script>

<template>
  <Button rounded variant="primary" @click="count++">
    Create report · {{ count }}
  </Button>
</template>

Framework adapters manage their mount lifecycle. For manual mounts, always call destroy() when the view is removed. Styles are shared; application state stays in your framework.