28 lines
554 B
Vue
28 lines
554 B
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<div v-html="renderedTemplate"></div>
|
||
|
|
<NuxtLink :to="'/blog/post/' + this.template.info.slug">Read me</NuxtLink>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
|
||
|
|
import MarkdownIt from 'markdown-it';
|
||
|
|
import MarkdownItAttrs from 'markdown-it-attrs';
|
||
|
|
|
||
|
|
const md = new MarkdownIt();
|
||
|
|
md.use(MarkdownItAttrs, {});
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'Post',
|
||
|
|
computed: {
|
||
|
|
renderedTemplate: function() {
|
||
|
|
return md.render(this.template.data);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
props: ['template'],
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style lang="scss">
|
||
|
|
@import "~assets/main.scss";
|
||
|
|
</style>
|