Conversation - Pharen

Mit Conversation kannst du AI-Oberflächen aufzubauen. Diese Seite dokumentiert alle Vue-Komponenten, die das Modul öffentlich exportiert.

Installiere das Paket und importiere die Styles einmalig. Die vollständigen Schritte findest du unter Installation.

Import

import { Conversation, ConversationContent, ConversationEmptyState } from '@pharen/ui/components/ai';

Beispiel

<script setup lang="ts">
import { Conversation, ConversationContent, ConversationEmptyState } from '@pharen/ui/components/ai';
</script>

<template>
  <Conversation>
    <ConversationContent>
      <ConversationEmptyState title="Start a conversation" />
    </ConversationContent>
  </Conversation>
</template>

Exporte

Export	Aufgabe
`Conversation`	Exportierte Vue-Komponente dieses Moduls.
`ConversationContent`	Enthält den sichtbaren Inhalt.
`ConversationEmptyState`	Exportierte Vue-Komponente dieses Moduls.

Quellcode

Quellcode auf GitHub öffnen