Console
Console
What a shell printed, read back in the page: commands after their prompt, their output under them, and the terminal's colours read as the palette's, in either scheme. It reads; it does not take commands.
A session
Lines of four kinds — command, output, error, info — or plain strings. The escape codes a program wrote for its terminal are kept as colour and weight; the rest of what a terminal is told is dropped.
$ git status --short
M asset/_scripts/backfill_frontmatter.py
?? 05-INSTRUCTIONS/RES/RES-I-04-incident-handling-info.md
$ composer install
Installing dependencies from lock file
Warning: The lock file is not up to date with the latest changes in composer.json.
Your requirements could not be resolved to an installable set of packages.
In vue
The same lines, drawn by the vue twin, here with a prompt of its own.
Lines as they come
Given a live updates topic, the vue console adds what each message carries — a string, a line, or a batch of lines — and follows the end unless the reader has scrolled up. Here a button plays the part of the topic, through the same append a message calls.