elk/components/content/ContentCode.vue

24 lines
551 B
Vue
Raw Normal View History

2022-11-24 03:42:03 +00:00
<script setup lang="ts">
const props = defineProps<{
code: string
lang?: string
2022-11-24 03:42:03 +00:00
}>()
const raw = $computed(() => decodeURIComponent(props.code).replace(/&#39;/g, '\''))
2022-11-24 03:42:03 +00:00
const langMap: Record<string, string> = {
js: 'javascript',
ts: 'typescript',
vue: 'html',
}
2022-11-25 21:09:10 +00:00
const highlighted = computed(() => {
return props.lang ? highlightCode(raw, (langMap[props.lang] || props.lang) as any) : raw
2022-11-24 03:42:03 +00:00
})
</script>
<template>
<pre v-if="lang" class="code-block" v-html="highlighted" />
<pre v-else class="code-block">{{ raw }}</pre>
2022-11-24 03:42:03 +00:00
</template>