vue-quill-editor代码块高亮问题

vue-quill-editor默认代码块没有高亮效果，如图：

而没有高亮区别显示的代码是没有灵魂的，接下来呢，引入highlight.js使代码高亮，
有关highlight.js，可浏览 highlight.js官网

首先，依然是安装与引入
1、安装

npm install highlight.js 

2、引入
在需要的组件引入

import hljs from 'highlight.js'

在需要的组件引入或在main.js全局引入
代码高亮样式，我选的是dracula.css，还有许多其他样式可选择，可浏览 highlight.js官网

import 'highlight.js/styles/dracula.css'

到这就可以使用了
效果图：