I have a project where I want to have a handful of custom plugins (packages) to be used in a Vue project. Each package exports a interface that contains some options as well as Vue components. How do I go about building / packaging it?

import WidgetModule from "..."; // the shared interface for all plugins

// Vue Components
import Config from "./Config/Config.vue";
import Control from "./Control/Control.vue";

const Module: WidgetModule = {
  configComponent: Config,
  controlComponent: Control,

  some options: [1,2,3],
  fullscreen: true,
};

export default Module;

When I call tsc, it doesn’t build the vue files – I’m just not sure how to make this all build correctly so I can import the module to another project. Also – I’m not opposed to just sharing the non-built code as a npm package and let the main project do the building. But again not sure the best way to go here.