vuejs кастом директива с директивами в нутри

Как можно в кастом директиве через innerHTML задать хтмл с другими директивами или интерполяцией:

    Vue.directive('error', {
        bind: function (el, binding) {
            el.innerHTML = '<div class="errorFormContainer brand-danger" v-show="serverError != null" v-text="serverError"></div>';

Получется сейчас директива работает, а директивы у дива не отрабатувают.