Cannot set property '$device' of undefined on Vue 3

[agustinguerr4]

Hi there! I am getting this error when trying to use this plugin in my application (Vue 3).
The error occurs in the .index.js file, where the "device" const is defined.

It finally worked when I replaced (from /node_modules/vue-device-detector/main.js)

const device = {
    install(Vue, options) {
        Vue.prototype.$device = devices()
    }
}
export default device

for this

export default {
    install(app) {
        app.provide('device', devices())
    }
}

Then, in main.js from my app

import Device from 'vue-device-detector-js'
app.use(Device) 

Finally, on the component

import { inject, onMounted } from "vue";

export default {
    setup(){
        const device = inject("device");
        onMounted(() => { 
             console.log(device)
        }
    }
}

if this is a good way, i think that i must close de question, but i'm not sure.

[ovidiublagaai]

I changed the file in node_modules but it won't save. Can you tell me how you saved it?