Vitral 0.2
Diversos

Terminal

Um prompt e um log, para um console dentro de uma aplicação, com histórico de comandos.

Testado com WAI-ARIA

Importação

main.ts
import { Terminal } from '@vitral/vue';

Básico

Welcome to Vitral. Type "help" to begin.
<script setup lang="ts">import { Terminal, type TerminalCommandEvent } from '@vitral/vue'; function run({ command, respond }: TerminalCommandEvent) {    const [name, ...args] = command.trim().split(/\s+/);    switch (name) {        case 'date':            respond(new Date().toLocaleString());            break;        case 'greet':            respond(`Hello, ${args.join(' ') || 'world'}!`);            break;        case 'random':            respond(String(Math.floor(Math.random() * 100)));            break;        case 'help':            respond('Commands: date, greet <name>, random');            break;        default:            respond(`Unknown command: ${name}. Type "help".`);    }}</script> <template>    <Terminal welcome-message="Welcome to Vitral. Type &quot;help&quot; to begin." prompt="vitral $" aria-label="Console output" @command="run" /></template>

API

Lido de packages/vue/src/components/Terminal/types.ts, então diz o que o componente aceita de fato.

Props

NomeTipoDescrição
welcomeMessagestringMostrado acima do primeiro comando.
promptstringCom o que cada linha começa. O padrão é `'$'`.
inputLabelstringDá nome à linha de comando. O padrão é o "Command" do locale.

Mais pt, dt e unstyled de BaseProps; veja pass-through e modo sem estilo.

Emits

EventoPayloadDescrição
commandevent: TerminalCommandEvent—

Slots

NomeProps do slotDescrição
welcome—Substitui a mensagem de boas-vindas.