KoliBri - Vue-Adapter

!contributors

Motivation

Provide an adapter for Vue to use the KoliBri components.

Installation

You can install the adapter with npm, pnpm or yarn:

``bash
npm i @public-ui/vue
pnpm i @public-ui/vue
yarn add @public-ui/vue
`

Usage

First, initialize KoliBri with a theme and create a Vue app:

`ts
import { createApp } from 'vue';
import { DEFAULT } from '@public-ui/theme-default';
import { defineCustomElements } from '@public-ui/components/loader';
import { register } from '@public-ui/components';

register(DEFAULT, defineCustomElements)
.then(() => {
createApp(App).mount(htmlDivElement);
})
.catch((error) => {
/ Handle errors /
});
`

Then, you can import any component from @public-ui/vue and render it within your Vue application:

`vue


``

Find available design tokens in the default theme README.