Pharen UI installieren

Pharen UI unterstützt Vue 3. Installiere das Paket mit dem Paketmanager deiner Anwendung.

1. Paket installieren

npm install @pharen/ui

pnpm add @pharen/ui

yarn add @pharen/ui

bun add @pharen/ui

Importiere die Styles genau einmal, zum Beispiel in main.ts, app.vue oder deiner globalen CSS-Datei.

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

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

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

Füge die Paket-Styles in nuxt.config.ts zur globalen CSS-Liste hinzu.

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

AI-spezifische Komponenten liegen in einem eigenen Exportpfad.

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

Das Paket erwartet Vue ^3.5.26 als Peer Dependency.