I would like to know which is the way to load an new component inside vue3 app instance. As far as I know its only possible to use components predefined during createApp() or via some internal trickery even after initialization but never on runtime after use.

The problem is than I cant find a way to fetch the component at runtime, via an ajax call so instead of throwing "Failed to resolve component: mycomponent" it would check the server and import the component.

Yes, I know about defineAsyncComponent and vue3-sfc-loader but none of them seem to handle undefined components. They all seem to require the definition of all the components that we will be using. Or no?

var vapp = Vue.createApp({

    template: '<mycomponent></mycomponent>',
    components: {} /** not defined at runtime **/,

    _importUndefinedComponent: function(tagname) { 
        $.get('/components/' + tagname + '.js'); 
    }
});

For now I think that it's possible to edit the internal workings of Vue, as it seems that vue already uses promises to load async components....

A usecase for dynamic components. I have an crud system with hundreds of components. I want to make quick prototypes. So this way all I have to do is just upload the component to the right folder an use it. No build step and no fancy stuff. All components are using options api. So basically it's just an Object which I will eval.