Highlight.js plugin for Vue.js 3.0
npm install vue-hljsThis is a vue plugin which allows you to highlight code blocks via vue-directive.
``bash`
npm install vue-hljs highlight.js`
orbash`
yarn add vue-hljs highlight.js
typescript
import { createApp } from 'vue'
import vueHljs from "vue-hljs";
import hljs from "highlight.js";
//if you want to use default color, import this css file
import "vue-hljs/style.css";const app = createApp({})
app.use(vueHljs, { hljs })
``html
...
``This plugin use gruvbox-dark as default style.
You can write your own style or see highlight.js demo.
And then import your css file in Vue project entry.
- highlightjs/vue-plugin: Highlight.js official plugin.