title: vue 3 typescript Uncaught (in promise) TypeError: this.$on is not a function
body: <p>I have a fresh Vue 3 installed with vue-cli and typescript.
  Everything running
  but when I add a <a href="https://vue-select.org/" rel="nofollow noreferrer">https://vue-select.org/</a> package
  I get get this error on the browser console</p>
  <pre><code>Uncaught (in promise) TypeError: this.$on is not a function
      at Proxy.created (vue-select.js?4a7a:1)
      at callWithErrorHandling (runtime-core.esm-bundler.js?5c40:155)
      at callWithAsyncErrorHandling (runtime-core.esm-bundler.js?5c40:164)
      at callHook (runtime-core.esm-bundler.js?5c40:3182)
      at applyOptions (runtime-core.esm-bundler.js?5c40:3109)
      at finishComponentSetup (runtime-core.esm-bundler.js?5c40:7265)
      at setupStatefulComponent (runtime-core.esm-bundler.js?5c40:7190)
      at setupComponent (runtime-core.esm-bundler.js?5c40:7117)
      at mountComponent (runtime-core.esm-bundler.js?5c40:5115)
      at processComponent (runtime-core.esm-bundler.js?5c40:5090)
  </code></pre>
  <p>Simple example</p>
  <pre><code>Home.vue
  &lt;template&gt;
    &lt;div class=&quot;home&quot;&gt;
      &lt;img alt=&quot;Vue logo&quot; src=&quot;../assets/logo.png&quot;&gt;
      &lt;vSelect :options=&quot;[{label: 'Canada', code: 'ca'}]&quot;&gt;&lt;/vSelect&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script lang=&quot;ts&quot;&gt;
  import { Options, Vue } from 'vue-class-component';
  import HelloWorld from '@/components/HelloWorld.vue'; // @ is an alias to /src
  import vSelect from 'vue-select';
  
  @Options({
    components: {
      HelloWorld,
      vSelect
    },
  })
  export default class Home extends Vue {}
  &lt;/script&gt;
  
  
  </code></pre>