emitter 관련 질문

안녕하세요 !

로그인이 성공하면 user의 id를 Sidebar.ver 컴포넌트에 emitter 라이브러리를 사용하여 보내주려고 하는데요 

id를 변수에 넣어서 확인은 했는데 Sidebar.ver 컴포넌트에서 받았는지를 모르겠어요 ㅜㅜ

데이터 바인딩이 안되는 것으로 보아 받지 못한것 같습니다. 어떤게 문제인지 잘 모르겠어서 문의드려요  도움 주시면 감사하겠습니다.

main.js

import { createApp } from "vue";
import App from "./App.vue";
import "bootstrap";
import "bootstrap/dist/css/bootstrap.min.css";
import mitt from "mitt";

let emitter = mitt();
let app = createApp(App);
app.config.globalProperties.emitter = emitter;

app.mount("#app");

SignIn.vue

this.emitter.emit("userId", this.userId[0]);  // emitter로 확인된 id전송

Sidebar.vue

  mounted() {
    this.emitter.on("userId", (a) => { 
      console.log(a);   // 확인 안됨
      this.userNm = a;
    });
  },