Skip to content

byteboomers/vue-hljs-lite

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

70 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue-hljs-lite

Lightweight highlight.js Vue component

Installation

npm install --save highlight.js vue-hljs-lite

npm package link

Usage

Inside your main.js:

The default highlight.js import imports all languages, it is therefore likely to be more efficient to import only the library and the languages you need.

import hljs from "highlight.js/lib/highlight";
import xml from "highlight.js/lib/languages/xml";
hljs.registerLanguage("xml", xml);

import VueHljsLite from "vue-hljs-lite";

Vue.use(VueHljsLite, { hljs });

Inside any component:

<vue-hljs-lite :code="code" :language="'xml'"></vue-hljs-lite>

Props

  • code: the code to highlight.
  • language: the language of the code to highlight.