Using Vue 2 and Vue 3 apps on the same page

[3zzy]

I need to use both Vue 2 and Vue 3 apps on the same page in out legacy app.

To test if that would work, I've setup a Vite + Vue 3 project and installed vue-demi.

// main.js

import { createApp } from 'vue-demi';
import AppVue3 from './AppVue3.vue'
createApp(AppVue3).mount('#app-vue3')


import AppVue2 from './AppVue2.vue'
import { Vue2 } from 'vue-demi';
new Vue2({
    el: '#app-vue2',
    template: '<AppVue2 />',
    components: {
        AppVue2,
    }
});

Throws an error Uncaught TypeError: Vue2 is not a constructor

If I use the render function the Vue 2 app mounts and I see it in DevTools but not on the page. What am I missing?

Thanks