Vue: Componentes verdadeiramente dinâmicos de arquivo único

Qual problema esse recurso resolve?

Eu tenho um aplicativo onde terceiros podem criar plug-ins. Eu gostaria que eles pudessem criar esses plug-ins como componentes de arquivo único, que são puxados e exibidos como componentes integrados. No momento, a única maneira de fazer isso é criando um componente neste formato:

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

Isso é estranho, além de não haver uma maneira fácil de incluir estilos.

Mais detalhes: https://stackoverflow.com/questions/62035019/load-vue-single-file-component-dynamically-at-runtime

Eu acho que a lógica para fazer isso existe, mas está no vue-loader e realmente deve ser usado com o Webpack. Webpack não foi projetado para uso em tempo de execução.

Qual é a aparência da API proposta?

<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>