You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
24 lines
570 B
TypeScript
24 lines
570 B
TypeScript
2 years ago
|
import type { App, Directive } from 'vue'
|
||
|
|
import hljs from 'highlight.js'
|
||
|
|
import { includeCode } from '@/utils/format'
|
||
|
|
|
||
|
|
hljs.configure({ ignoreUnescapedHTML: true })
|
||
|
|
|
||
|
|
function highlightCode(el: HTMLElement) {
|
||
|
|
if (includeCode(el.textContent))
|
||
|
|
hljs.highlightBlock(el)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default function setupHighlightDirective(app: App) {
|
||
|
|
const highLightDirective: Directive<HTMLElement> = {
|
||
|
|
mounted(el: HTMLElement) {
|
||
|
|
highlightCode(el)
|
||
|
|
},
|
||
|
|
updated(el: HTMLElement) {
|
||
|
|
highlightCode(el)
|
||
|
|
},
|
||
|
|
}
|
||
|
|
|
||
|
|
app.directive('highlight', highLightDirective)
|
||
|
|
}
|