NoneImages Loaded и переход страницы с помощью barba js

Question

Мне нужно интегрировать imagesLoaded.js с barba.js, но я не могу этого достичь. Я пытаюсь загрузить все изображения (в том числе и фоны) в хуке представления beforeEnter, жду их с обещанием и продолжаю переходную метку ввода.

По какой-то причине переходная кнопка "enter" срабатывает перед обработкой представления beforeEnter.

Что я делаю неправильно? Не связаны ли переходы и представления? Заранее спасибо.

Мой код:

barba.init({
transitions: [{
        leave: function (data) {
            return new Promise(resolve => {
                anime({
                    before: function () {
                        body.classList.add('transitioning');
                    },
                    complete: function () {
                        resolve();
                    },
                    duration: 500,
                    easing: 'easeInOutQuad',
                    targets: loader,
                    translateX: ['-100%', '0%']
                });
            });
        },

        enter: function (data) {
            anime({
                complete: function () {
                    body.classList.remove('transitioning');
                },
                duration: 500,
                easing: 'easeInOutQuad',
                targets: loader,
                translateX: ['0%', '100%']
            });
        }
    }],

views: [{
        namespace: 'home',

        afterLeave: function (data) {
            ...
        },

        beforeEnter: function (data) {
            ...

            return new Promise(resolve => {
                imagesLoaded(data.next.container.querySelector('.main'), {background: true}, function () {
                    resolve();
                });
            });
        }
    }]

});