typescript - Hvordan få lastet ref-array ved første komponentlading

Jeg har noen problemer med å oppdatere et reaktivt objekt i et Vue.js 3-prosjekt. Jeg lager et array av google.maps.marker.AdvancedMarkerElement, og jeg lager arrayet slik:

localizaciones.forEach((localizacion) => {
        if (localizacion.agrupaciones) localizacion.agrupacionesF = localizacion.agrupaciones.split(",");
        const glyphSvgPinElement = new PinElement();
        const glyphImg = document.createElement("img");
        glyphImg.src = usingIconsStore.setIcon(localizacion.icono);
        glyphSvgPinElement.glyph = glyphImg;
        const advancedMarker = new AdvancedMarkerElement({
            position: {
                lat: localizacion.lat!,
                lng: localizacion.lng!
            },
            content: glyphSvgPinElement.element,
            title: localizacion.agrupacionesF![0]
        });
        advancedMarker.setAttribute("agrupacionesArr", localizacion.agrupaciones);
        advancedMarker.setAttribute("id", String(localizacion.id));
        advancedMarker.setAttribute("icono", String(localizacion.icono));
        marcadores.value.marcadores.push(advancedMarker);
        google.maps.event.addListener(advancedMarker, "click", async function () {
            infoFichaHelper.value = { marcador: advancedMarker, sugerencia: await pedirDetalleEstacion(props.tipoMapa, localizacion.id) }
        });
    });

der marcadores er en variabel deklarert slik:

let marcadores = ref<google.maps.marker.AdvancedMarkerElement[]>([])

Da, ved første innlasting, skal komponenten min filtrere denne matrisen for å få favorittene. Denne matrisen er tom. Finnes det en måte å laste denne reaktive matrisen på ved første innlasting?