Vue: Véritables composants dynamiques à fichier unique

Quel problème cette fonctionnalité résout-elle ?

J'ai une application où des tiers peuvent créer des plugins. J'aimerais qu'ils puissent créer ces plugins en tant que composants à fichier unique, qui sont extraits et affichés comme des composants intégrés. À l'heure actuelle, la seule façon pour eux de le faire est de créer un composant sous cette forme :

{
template: "<div>stuff</div>",
props: ...
etc.
}

C'est gênant, et il n'y a pas de moyen facile d'inclure des styles.

Plus de détails : https://stackoverflow.com/questions/62035019/load-vue-single-file-component-dynamically-at-runtime

Je pense que la logique pour le faire existe, mais c'est dans vue-loader, et vraiment destiné à être utilisé avec Webpack. Webpack n'est pas conçu pour être utilisé au moment de l'exécution.

A quoi ressemble l'API proposée ?

<template>
  <div>
    The component goes here:
    <component :is="pluginComponent"></component>
  </div>
</template>
<script>
import { compileSFC } from "vue-template-compiler";
export default {
  data() {
    return {
      pluginComponent: null
    };
  },
  mounted() {
    // fetch code from some external source here
    let code = "<template><div>hello</div></template><style>some styles</style><script>some code</script>";
    let comp = compileSFC(code);
    this.pluginComponent = comp;
  }
};
</script>