将 highlight 代码高亮的全局引入,改成局部引入

(cherry picked from commit 30685bee75)
This commit is contained in:
YunaiV
2023-04-15 21:36:16 +08:00
committed by shizhong
parent f9c2850d6b
commit d73118f386
2 changed files with 31 additions and 12 deletions

View File

@ -40,8 +40,7 @@ import App from './App.vue'
import './permission'
import hljs from 'highlight.js' //导入代码高亮文件
import 'highlight.js/styles/github.css' //导入代码高亮样式 新版
import '@/plugins/tongji' // 百度统计
import Logger from '@/utils/Logger'
@ -49,14 +48,6 @@ import Logger from '@/utils/Logger'
const setupAll = async () => {
const app = createApp(App)
//自定义一个代码高亮指令
app.directive('highlight', function (el) {
const blocks = el.querySelectorAll('code')
blocks.forEach((block: any) => {
hljs.highlightElement(block)
})
})
await setupI18n(app)
setupStore(app)