title: Vue.js 3 this.$root.$on is not a function
body: <p>I have a component which triggers <code>this.$root.$emit('some-root-event')</code> like</p>
  <pre><code>clickHandler: function() {
      this.$root.$emit(&quot;some-root-event&quot;, &quot;aaaaaaaaaaaaaaaaaaaaaa&quot;);
      console.log('About $root.$emit')
  }
  </code></pre>
  <p>Another component inside should catch this event but throws me an error:</p>
  <blockquote>
  <p><strong>this.$root.$on is not a function</strong></p>
  </blockquote>
  <p>The code of the second component looks like</p>
  <pre><code>mounted() {
      this.$root.$on(&quot;some-root-event&quot;, (data) =&gt; {
          console.log(&quot;About listener catch $root some-root-event&quot;); console.log(data)
      })
  }
  </code></pre>
  <p>Can somebody help me please to understand where is the problem?</p>