Tengo un componente Vue3.2 (3.2.33) que funciona perfectamente mientras se implementa como SPA . Traté de envolverlo como un elemento personalizado web con un envoltorio muy de muestra:

 import { defineCustomElement } from 'vue'; import TrackJoiner from '@/views/TrackJoinerView.vue' const TrackJoinerElement = defineCustomElement({...TrackJoiner}) customElements.define('trackjoiner-element', TrackJoinerElement)

El elemento personalizado está perfectamente insertado en mi página html con

 <trackjoiner-element/>

El problema viene con una llamada a mi API en un setTimeout. De hecho, el evento se vuelve nulo en la devolución de llamada setTimeout, este es el método Vue3:

 methods: { clickFile(event: Event, trackType: trackTypes) { (this.state as ReactiveData).isLoading = true; setTimeout(() => { openFileAsPromise(event, trackType).then(() => { this.updateRows(); }); }); },

Durante la depuración, vi que el evento es correcto antes de llamar a setTimeout(), pero se vuelve nulo al llamar a openFileAsPromise(event, trackType) pero trackType sigue siendo correcto.

Mientras se ejecuta como Vue3 SPA, este código funciona perfectamente y el evento se reenvía a openFileAsPromise()