syntax-highlight

Syntax highlight component for vue-termui.

Install

npm install @vue-termui/syntax-highlight

Usage

<script lang="ts" setup>
  improt { TuiBox } from 'vue-termui'
  import SyntaxHighlight from '@vue-termui/syntax-highlight'

  const code = `const hello = 'world'`
</script>

<template>
  <TuiBox>
    <SyntaxHighlight :code="code" />
  </TuiBox>
</template>

Props

code

• Type: string

Source code to highlight.

lang

• Type: Lang

theme

• Type: Theme

Credits

Syntax Highlight is based on Shiki