Cómo obtener datos antes del renderizado mediante Vue 3 y la Composición API.

Quiero obtener datos de una API y luego llenar mi almacenamiento (por ejemplo, información de usuario), pero no puedo encontrar una manera de hacerlo antes de que se cargue toda la página y los componentes.

Descubrí que hay un método llamado beforeRouteEnter que se puede usar con las opciones de la API, pero ¿qué pasa si quiero usar la API de composición (específicamente con <script setup>)?

También intenté esto:

const router = useRouter()

router.beforeResolve(() => {
  // fetch api and populate store
})

Y esto:

router.beforeEach(() => {
  // fetch api and populate store
})

Pero ninguno de ellos hace lo que necesito.