Vue 3/Vite compatibility

When trying to use vue-matomo (v3.14.0-0) with Vue 3/Vite the following error occurs:

[Vue warn]: A plugin must either be a function or an object with an "install" function.

My main.js

import matomo from 'vue-matomo'
import { createApp } from 'vue'
import App from './App.vue'
import './index.css'

createApp(App)
  .use(matomo, {
    host: 'https://matomo.example.com',
    siteId: 42,
  })
  .mount('#app')

It works when importing src:

import matomo from 'vue-matomo/src'

which explains, why the example for vue3 in this repository worked.

Steps to reproduce:

$ npm init vite-app vue3-matomo-demo
$ cd vue3-matomo-demo
$ npm install --save vue-matomo

edit main.js according to the example above

$ npm install
$ npm run dev

Open http://localhost:3000 and check the console

[AmazingDreams]

Seems like something with the type of packager used? Maybe we could export an object with install method, if that doesn’t break compatibility with other setups

[jordan-boyer]

Base on this I think it’s intended since it’s only support natif ES import.

And it’s mainly because we are using a default export for the install function.

Another syntax you can use is

import matomo from 'vue-matomo'
import { createApp } from 'vue'
import App from './App.vue'
import './index.css'

createApp(App)
  .use(matomo.default, {
    host: 'https://matomo.example.com',
    siteId: 42,
  })
  .mount('#app')