export default {

    vuefy( el, context, tag, value ) {

        const wrapper = document.createElement( tag );
        wrapper.innerHTML = value;

        el.classList.add( 'markdown' );
        el.innerHTML = '';

        el.appendChild( wrapper );

        new Vue( {

            el: wrapper,
            parent: context,

        } );

    },

    inserted( el, binding, vnode ) {

        binding.def.vuefy( el, vnode.context, binding.arg || 'span', binding.value );

    },

    componentUpdated( el, binding, vnode ) {

        if ( binding.value === binding.oldValue ) {

            return;

        }

        binding.def.vuefy( el, vnode.context, binding.arg || 'span', binding.value );

    },

};