npm install vue-hljs --saveor
yarn add vue-hljsimport Vue 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/dist/style.css";
//use
Vue.use(vueHljs, { hljs })<div v-highlight>
<pre>
<code class="you can specify the language here">...</code>
</pre>
</div>This plugin use gruvbox-dark as default style.
You can wirte your own style or see highlight.js demo. And then import your css file in Vue project entry.
![dependabot-preview[bot] avatar](https://avatars.githubusercontent.com/in/2141?v=4 "dependabot-preview[bot]")
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent