lehoczky / vue-termynal

Vue.js implementation of the termynal library.

Vue-Termynal

Vue-Termynal is the reimplementation of the termynal library in Vue.js.

It lets you create animated terminal windows with simple, customizable vue components.

Additional feautes

In addition to the javascript library's original features this version includes:

• fast forward button
• restart button
• spinner
• option to only start the animation when the terminal enters the viewport

Documentation

https://lehoczky.github.io/vue-termynal/

vue-termynal's Issues

Improve the progress component

The current issues I am seeing with the progress component:

1. It is a div which means that it is always on its own line.
2. It is not possible to write text before the progress bar, for instance it is not possible to simulate

Uninstall in progress: ------------- 45%

3. It only simulates "known progress", for example:

Uninstall in progress: ⢸

Adding custom Termial Components

Hello!

I am trying to display a demo of a CLI on our website! In order to properly display all of the features I need a selection component.

Is there a way I can either:

• Add custom components
• Remove or edit a line after it has already been printed?

For reference, I am trying to create the following effect:

Screen.Recording.2023-01-05.at.22.47.53.mov

Thank you for your help!

Allow for fixed height

The terminal window's height adapts to the content, sometime, it can be preferable to have a fixed terminal height and allow the content to scroll like in a real shell.