Vue-bash NPM | npm.io

vue-bash

npm Snyk Vulnerabilities for GitHub Repo npm GitHub issues NPM GitHub last commit

Vue Bash is a simple lightweight component that allows you to show off bash components and commands in a beautiful way.

Language Support

Vue Bash currently supports the following languages:

javascript
css
xml/html
bash/shell

Installation

Installation is straightforward and easy. You can install globally in your main.js or import directly to your components.

npm i --save vue-bash to install the package
Import vue bash import VueBash from "vue-bash"
Use <VueBash/> in your template.

Props

Currently the terminal supports only a few props. But more are to come:

Prop	Type	Description
theme	String	Can accept `light` and `dark` as a theme choice. Defaults to `light`
width	String	Width of the terminal in either `%` or `px`. Defaults to `100%`
height	String	Height of the terminal in either `%` or `px`. Defaults to `100%`
title	String	Title of the terminal. Defaults to `Terminal`
language	String	Language to syntax highlight
slot	String	Children content

Example

Light Theme

npm.io npm.io

Dark Theme

npm.io npm.io

<VueBash :theme="'dark'" :title="'vue-bash'" :width="'400px'" :height="'250px'" :language="'shell'">npm i --save vue-bash
  + vue-bash@1.0.4
  added 2 packages from 2 contributers
  and audited 2 packages in 2.292s
  found 0 vulnerabilities
</VueBash>

vue terminal bash

highlight.js vue

@infinitebrahmanuniverse/nolb-vue-b @everything-registry/sub-chunk-3073

5 years ago

5 years ago

5 years ago

5 years ago