Install Pharen UI

Pharen UI supports Vue 3. Install the package with your application package manager.

1. Install the package

npm install @pharen/ui

pnpm add @pharen/ui

yarn add @pharen/ui

bun add @pharen/ui

Import the styles exactly once, for example in main.ts, app.vue, or your global CSS entrypoint.

import '@pharen/ui/styles.css';

<script setup lang="ts">
import { Button } from '@pharen/ui';
</script>

<template>
  <Button>Save changes</Button>
</template>

Add the package styles to the global CSS list in nuxt.config.ts.

export default defineNuxtConfig({
  css: ['@pharen/ui/styles.css'],
});

AI-specific components use a separate export path.

import { Conversation, Message, Tool } from '@pharen/ui/components/ai';

The package expects Vue ^3.5.26 as a peer dependency.