mirror of
https://github.com/elk-zone/elk.git
synced 2025-03-19 14:40:25 +03:00
23 lines
541 B
Vue
23 lines
541 B
Vue
<script setup lang="ts">
|
|
const { code, lang } = defineProps<{
|
|
code: string
|
|
lang?: string
|
|
}>()
|
|
|
|
const raw = computed(() => decodeURIComponent(code).replace(/'/g, '\''))
|
|
|
|
const langMap: Record<string, string> = {
|
|
js: 'javascript',
|
|
ts: 'typescript',
|
|
vue: 'html',
|
|
}
|
|
|
|
const highlighted = computed(() => {
|
|
return lang ? highlightCode(raw.value, (langMap[lang] || lang) as any) : raw
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<pre v-if="lang" class="code-block" v-html="highlighted" />
|
|
<pre v-else class="code-block">{{ raw }}</pre>
|
|
</template>
|