Estoy usando Vue 3 para desarrollar una aplicación de Google Chrome, ahora estoy inicializando el componente raíz de vue 3 de esta manera en index.js :

 if ( process.env.NODE_ENV !== 'testing' ) { window.onload = ()=> { setTimeout( ()=> { const app = createApp(appOptions); app.mount("app"); }, 0 ); }; }

Leí los documentos que deberían registrar un componente usando un código como este (parece que creó la aplicación en el componente, no de la manera inicial):

 export default { setup() { onMounted(() => { const myNewComponent = defineComponent({ extends: Test, }); const app1 = createApp(myNewComponent); nextTick(() => { app1.use(ElementPlus); app1.mount('#popup-content'); }); }); }, }

mi pregunta es: ¿debería agregar todos los componentes necesarios en la aplicación creada por primera vez? ¿Debo agregar el componente en el subcomponente? si pudiera agregar un componente en el subcomponente como la demostración simple, ¿cómo agregar usando la forma createApp (solo createApp en la configuración del componente como esta demostración)? Si creé una aplicación en el componente secundario, ¿cuál es la relación de la aplicación raíz?