import { Vue, Component, Prop, Model, Watch } from 'vue-property-decorator';
import './app-showdown.less';

@Component({})
export default class AppShowdown extends Vue {

    /**
     * 双向绑定值
     *
     * @type {*}
     * @memberof AppShowdown
     */
    @Model('change') readonly itemValue?: any;

    /**
     * 当前值
     *
     * @memberof AppShowdown
     */
    get curVal() {
        return this.itemValue ? this.itemValue : '';
    }

    /**
     * 当前值
     *
     * @memberof AppShowdown
     */
    set curVal(val) {
        this.$emit('change', val);
    }

    public render() {
        return <mavon-editor class="app-showdown" toolbarsFlag={false} language="zh-CN" subfield={false} defaultOpen='preview' v-model={this.curVal} editable={false} boxShadow={false}></mavon-editor>;
    }
}