Vue.js: импорт директив и подключение их через конструктор Vue

Пытаюсь провести рефакторинг проекта. Дошли руки до директив. Изначально объявлял их через метод Vue.directive(), но теперь решил вынести в отдельные файл. Но чет не работает - Vue их не видит. Аналогичным образом пытаюсь поступить и с миксинами. В чем моя ошибка? Вообще возможно ли такая задумка?

app.js

import Vue from 'vue'
import directives from './directives'

new Vue({
    el: '#app',
    directives
})

// Vue.directive('inputmask', {
//     bind: (el, binding) => {
//         Inputmask(binding.value).mask(el)
//     }
// })

directives.js

const directives = {
    inputmask: {
        bind: (el, binding) => {
            Inputmask(binding.value).mask(el)
        }
    }
}

export default directives

Ответы (0 шт):