How to use the jupyter-vue.createViewContext function in jupyter-vue

this.displayed.then(() => {
            if (!document.getElementById('vuetify-styles')) {
                this.createDivs(getContainer() || document.body);
            }

            const vueEl = document.createElement('div');
            this.el.appendChild(vueEl);

            this.vueApp = new Vue({
                vuetify,
                el: vueEl,
                provide: {
                    viewCtx: createViewContext(this),
                },
                render: (createElement) => {
                    // TODO: Don't use v-app in embedded mode
                    /* Prevent re-rendering of toplevel component. This happens on button-click in
                     * v-menu */
                    if (!this.ipyvuetifyApp) {
                        this.ipyvuetifyApp = createElement('div', { class: 'vuetify-styles' }, [
                            createElement('v-app', [vueRender(createElement, this.model, this)]),
                        ]);
                    }
                    return this.ipyvuetifyApp;
                },
            });
        });
    }

vueRender(createElement) {
        return createElement({
            provide: {
                viewCtx: createViewContext(this),
            },
            render: () => {
                return vueRender(createElement, this.model, this)
            },
        });
    }
}

vueRender(createElement) {
        return createElement({
            provide: {
                viewCtx: createViewContext(this),
            },
            render: () => {
                return vueRender(createElement, this.model, this)
            },
        });
    }
}