How to access external Vue3 instance to call functions?

Question

How do I access a Vue 3 instance if I don't know the name of the variable that stores the instance? I need to call a function from a specific component.

When typing $0.__vue_app__ in the console (Chrome Developer Tools), I see the instance's data, but how do I use it in code inside the JS file?

console.log($0) is of course undefined.

Which way can I take to get here?

Answer 1

One option is in workerCode>mounted()such as:

methods: {
    myFunction(){
        console.log('It works!');
    }
},
mounted() {
    window["myWorker"] = new Worker("./myWorker.js");

    window["myWorker"].onmessage = function(event) {
        if (event && event.data === 'run_my_function') {
            this.myFunction();
        }
    }
}

In myWorker.js you can do this:

this.postMessage('run_my_function');