Refactoring new Vue() in vue 3?

Question

Vue.js

Hello!
We decided to migrate from vue-2 to vue-3, but found this thing in a large component that is often used:

import table from './table.js'

export default {
       data() { return {table: null}}, 
       beforeCreate() {
            this.table = new Vue(table);
        },
        provide() {
            return {
                table: this.table
            };
        },
}

table.js itself is set up like a regular mixin, but to touch its methods or state, you need to write this.table.

Everything would be fine, but in Vue 3 there is no new Vue construct anymore, and I don’t know how to redo it without breaking the entire component. Maybe there is a similar and compatible approach?

I would be very grateful for your help!

Answer 1

Try the documentation:
https://v3-migration.vuejs.org/breaking-changes/gl...
https://vuejs.org/api/application.html#createapp
(and I would reconsider the approach with creating a new application inside the component )