vue-highlightjs

Vue.js syntax highlighting made easy, using highlight.js.


Quickstart

$3

npm install --save vue-highlightjs

$3

In your main JavaScript file (eg. main.js):

``javascript
// Import Vue and vue-highlgihtjs
import Vue from 'vue'
import VueHighlightJS from 'vue-highlightjs'

// Tell Vue.js to use vue-highlightjs
Vue.use(VueHighlightJS)
`

In your template, in order to highlight javascript code:

`html






const s = new Date().toString()


`
---

* You can see a live example here: https://www.python-boilerplate.com/
* Fiddle with it: https://jsfiddle.net/metachris/1vz9oobc/
* See also this blog post for more information: https://www.metachris.com/2017/02/vuejs-syntax-highlighting-with-highlightjs/

Contributing

Any sort of contributions and feedback is much appreciated. Just
leave an issue or pull-request!

This project uses the AirBnB code style.

Please run npm run lint and npm run test before you submit a pull request! <3




About

Author: Chris Hager (https://www.metachris.com)

License: MIT

Contributors:

* Chris Hager
* mr-krille
* Duoc Nguyen
* Shu Ding




Changelog

v1.3.3

* Documentation

v1.3.1

* Changed const to var` for compatibility with PhantomJS and UglifyJS
* Bugfix to allow empty content

v1.2.2

* Fixed displaying and highlighting HTML tags passed as value to the directive (thanks @nguyenvanduocit)