Vue: Echte dynamische Single-File-Komponenten

Welches Problem löst diese Funktion?

Ich habe eine App, in der Drittanbieter Plugins erstellen können. Ich möchte, dass sie diese Plugins als einzelne Dateikomponenten erstellen können, die wie integrierte Komponenten eingezogen und angezeigt werden. Im Moment können sie dies nur tun, indem sie eine Komponente in dieser Form erstellen:

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

Dies ist umständlich und es gibt keine einfache Möglichkeit, Stile einzuschließen.

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

Ich denke, dass die Logik dafür existiert, aber es ist im Vue-Loader und wirklich für die Verwendung mit Webpack gedacht. Webpack ist nicht für die Nutzung zur Laufzeit ausgelegt.

Wie sieht die vorgeschlagene API aus?

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