MFM のバッククオートで囲ったコードが表示されないのを修正 (#6741)
This commit is contained in:
@ -1,17 +1,14 @@
|
||||
<template>
|
||||
<XPrism :inline="inline" :language="prismLang">{{ code }}</XPrism>
|
||||
<code v-if="inline" v-html="html" :class="`language-${prismLang}`"></code>
|
||||
<pre v-else :class="`language-${prismLang}`"><code v-html="html" :class="`language-${prismLang}`"></code></pre>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import { defineComponent } from 'vue';
|
||||
import 'prismjs';
|
||||
import 'prismjs/themes/prism-okaidia.css';
|
||||
import XPrism from 'vue-prism-component';import * as os from '@/os';
|
||||
|
||||
export default defineComponent({
|
||||
components: {
|
||||
XPrism
|
||||
},
|
||||
props: {
|
||||
code: {
|
||||
type: String,
|
||||
@ -29,6 +26,9 @@ export default defineComponent({
|
||||
computed: {
|
||||
prismLang() {
|
||||
return Prism.languages[this.lang] ? this.lang : 'js';
|
||||
},
|
||||
html() {
|
||||
return Prism.highlight(this.code, Prism.languages[this.prismLang], this.prismLang);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
Reference in New Issue
Block a user