Vue - Be able to modify the entrypoint according to the root component.

[dylanalizon]

Body

Summary

It is currently possible to have a customized entrypoint, but it is not possible to customize it according to the root component. For example, if only one component requires vue-router, all other components will also have vue-router to configure. All plugins will be initialized for all Vue components. Whereas if you had access to the root component in the entrypoint, you could set conditions to load or not load a plugin.

Background & Motivation

Improve the performance of my components

Example

export default (app: App, rootComponent: string) => {
  if (rootComponent === "Component1") {
    app.use(createPinia());
    app.use(i18n);
    app.use(router);
    app.use(VueQueryPlugin);
    router.push('/');
  }

  if (["component2", "component3"].includes(rootComponent)) {
    app.use(VueQueryPlugin);
  }
};