Show index in nested array continously vue.js

Hello I’m trying to show the position of my nested array:

listItems: [
            {
                nombre: 'Encabezado',
                items: [
                    {
                        nombre: 'Pregunta'
                    },
                    {
                        nombre: 'Pregunta'
                    },
                    {
                        nombre: 'Pregunta'
                    }
                ]
            },
            {
                nombre: 'Pregunta',
                items: []
            },
            {
                nombre: 'Encabezado',
                items: [
                    {
                        nombre: 'Pregunta'
                    }
                ]
            },
            {
                nombre: 'Pregunta',
                items: []
            },
            {
                nombre: 'Encabezado',
                items: [
                    {
                        nombre: 'Pregunta'
                    },
                    {
                        nombre: 'Pregunta'
                    },
                    {
                        nombre: 'Pregunta'
                    }
                ]
            },
            {
                nombre: 'Pregunta',
                items: []
            },
            {
                nombre: 'Pregunta',
                items: []
            },
        ]

It should be shown in the next way:

  • Encabezado
      1. Pregunta
      1. Pregunta
    1. Pregunta
    1. Pregunta
  • Encabezado
      1. Pregunta

Is this possible?
I’ve been trying the next thing:

<template lang="pug">
div
    ul(v-for="(item, indexChunk) in listItems")
        li(v-for="child in item.items")
          p {{ indexChunk }} {{ child.nombre }}

I’m a bit lost here trying what I want to achieve.
I hope someone can guide me a little bit here

– pd: Sorry for my english

Thanks in advance!

1 Like

You can control the list number using CSS counters

3 Likes

Thank you so much!
I was getting crazy with this!