<template>
  <div>
    <VueMarkdown
      :source="content"
      v-highlight
      style="width: 100%; text-align: left"
    ></VueMarkdown>
  </div>
</template>
<script>
import VueMarkdown from 'vue-markdown'
export default {
    components: {VueMarkdown},
    name: 'DesignMarkdown',
    props: {
        contentSource: undefined
    },
    data () {
        return {
            content: ''
        }
    },
    computed: {
        propsContent () {
            console.log('this')
            return this.contentSource
        }
    },
    watch: {
        contentSource: {
            handler (newVal, oldVal) {
                this.content = newVal || ''
            },
            deep: true,
            immediate: true
        }
    },
    mounted () {
        console.log('design vuemarkdown')
    },
    methods: {

    }
}
</script>
