Как правильно написать эту часть в JSX

Question

VS Code + Vetur Получена ошибка синтаксического анализа для v-resize: debounce.50 = "resize"

import resize from 'vue-resize-directive'
    ...
    directives: {
        resize
    },
    methods: {
        resize () {
            ...
        },
        getTimeLine () {
            return (<div class="timeline" v-resize:debounce.50="resize">...</div>)
        }
    },
    render: function () {
        return this.isLoadingTimeLine ? this.loadingIndicator() : this.getTimeLine()
    }