Vue: Настоящие динамические однофайловые компоненты

Какую проблему решает эта функция?

У меня есть приложение, в котором третьи стороны могут создавать плагины. Я бы хотел, чтобы они могли создавать эти плагины как отдельные файловые компоненты, которые извлекаются и отображаются так же, как встроенные компоненты. Прямо сейчас для них единственный способ сделать это - создать компонент в такой форме:

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

Это неудобно, к тому же нет простого способа включить стили.

Подробнее: https://stackoverflow.com/questions/62035019/load-vue-single-file-component-dynamically-at-runtime

Я думаю, что логика для этого существует, но она находится в vue-loader и действительно предназначена для использования с Webpack. Webpack не предназначен для использования во время выполнения.

Как выглядит предлагаемый API?

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