fix: replace cssVariables to highlight

This commit is contained in:
zhangmo8 2024-10-29 10:20:20 +08:00
parent 52b9b20b3c
commit b1ed24f61d

View File

@ -2,10 +2,9 @@
import { useConfigStore } from '@/stores/config'
import { CircleHelp, Info, Monitor, Smartphone, Tablet } from 'lucide-vue-next'
import MagicString from 'magic-string'
import { codeToHtml } from 'shiki'
import { reactive, ref, watch } from 'vue'
import { compileScript, parse, walk } from 'vue/compiler-sfc'
import { cssVariables } from '../config/shiki'
import { highlight } from '../config/shiki'
import BlockCopyButton from './BlockCopyButton.vue'
import StyleSwitcher from './StyleSwitcher.vue'
@ -79,10 +78,7 @@ watch([style, codeConfig], async () => {
})
}
codeHtml.value = await codeToHtml(rawString.value, {
lang: 'vue',
theme: cssVariables,
})
codeHtml.value = highlight(rawString.value, 'vue')
}
catch (err) {
console.error(err)