Code block - Pharen

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

Code anzeigen

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

const code = `import { Button } from '@pharen/ui';\n\n<Button>Save changes</Button>`;
</script>

<template><CodeBlock :code="code" language="vue" show-line-numbers /></template>

Installation

npm install @pharen/ui

pnpm add @pharen/ui

yarn add @pharen/ui

bun add @pharen/ui

Importiere @pharen/ui/styles.css genau einmal im Einstiegspunkt deiner Anwendung.

Verwendung

import { CodeBlock, CodeBlockContainer, CodeBlockHeader, CodeBlockCopyButton } from '@pharen/ui/components/ai';

Exporte

Export	Aufgabe
`CodeBlock`	Exportierte Vue-Komponente dieses Moduls.
`CodeBlockContainer`	Exportierte Vue-Komponente dieses Moduls.
`CodeBlockHeader`	Strukturiert den Kopfbereich.
`CodeBlockCopyButton`	Exportierte Vue-Komponente dieses Moduls.

Quellcode

Quellcode auf GitHub öffnen