docs: replace unexported cssVariables with highlight (#841)

This commit is contained in:
xiaomo 2024-10-29 13:03:28 +08:00 committed by GitHub
parent 52b9b20b3c
commit 83419c4dc3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

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