Vue UserDetailBus. $ On не получает данные, которые были отправлены

Question

У меня есть 2 дочерних компонента. Желаемый результат состоит в том, что после того, как я отправляю форму, которая является одним из дочерних компонентов, информация о пользователе, как объект, отправляется другому дочернему компоненту, который затем отображает информацию о пользователе. Кажется, что UserDetailsBus. $ Emit работает, так как журнал консоли тестирования выполняется, но другой компонент не получает объект, который я испустил, а также не регистрируется в консоли.

Компонент формы

<script>
import {UserDetailsBus} from '../main';
export default {
    data(){
        return{
            willSubmit: '',
            formUser : {
                firstName : '',
                lastName : '',
                email : '',
                password : '',
                confirmPassword : '',
                subscribe : '',
            }
        }
    },
    props :['isSubmitted']
    ,
    methods :{
        sendMessageToParent(){
            this.willSubmit = true;
            this.$emit('messageFromChild',this.willSubmit);
        },
        sendMessageToDetails(){

            UserDetailsBus.$emit('message-from-form',this.formUser);
            console.log('Hellooo');
        }
    }
}
</script>

Компонент UserDetails

<script>
    import {UserDetailsBus} from '../main';
    export default {
        data(){
            return{
                detailsUser : Object,
            }
        },
        props : ['isSubmitted'],
        mounted() {
            UserDetailsBus.$on('message-from-form',formUser => {
                console.log('chill');

                this.detailsUser = formUser;
                return this.detailsUser;
            })
        }
    }
</script>