@voidable/ui-vue

Vue composables for Voidable UI web components.

Install

npm install @voidable/ui-vue @voidable/ui @voidable/theme vue

Setup

Configure Vue to recognize custom elements:

// vite.config.ts
export default defineConfig({
  plugins: [
    vue({
      template: {
        compilerOptions: {
          isCustomElement: (tag) => tag.startsWith('void-'),
        },
      },
    }),
  ],
});

Usage

<script setup>
import '@voidable/ui';
import '@voidable/theme';
import { useTheme } from '@voidable/ui-vue';

const theme = useTheme(); // readonly ref: 'dark' | 'light'
</script>

<template>
  <void-button variant="filled" color="primary">Click me</void-button>
</template>

Documentation

• Storybook
• GitHub

License

MIT