En VueJs, necesito poder calcular una cantidad que depende del orden de los componentes en una tabla:

 <mySlides> <componentTableOfContent></componentTableOfContent> <componentA my-title="First title" pages="5">Blabla</componentA> <componentB my-title="Second title" pages="2">Bleble</componentA> <componentC my-title="Third title" pages="4">Blibli</componentA> <mySlides>

Debería producir algo como lo siguiente:

 Table of content: - First title, pages 1-5 - Second title, pages 6-7 - Third title, pages 8-12 # First title, page 1 Blabla # Second title, page 6 Bleble # Third title, page 8 Blibli

¿Sabes cómo podría hacer eso?

Tenga en cuenta que no quiero especificar en cada componente su posición absoluta por el bien de la mantenibilidad. Idealmente, el método debería funcionar independientemente del tiempo de carga de cada componente y se actualizaría si se agregan dinámicamente algunos componentes.

EDITAR Me pregunto si la lista de ranuras no podría ayudar con esta tarea ¿Cómo representar una lista de contenido estático con la ranura con nombre de Vue? pero si es así, todavía no estoy seguro de ver cómo usarlos en vue 3