Разбивка на страницы для нескольких форм с несколькими шагами / страницами на форму (Vue. js / Javascript)

Question

У нас есть несколько форм со следующей структурой:

{
  id: 1,
  name: Form 1,
  sections: [
    {
      id: 1,
      name: Section 1,
      subSections: [
        {
          id: 1,
          name: Subsection 1,
          questions: [{...}]    
        }
      ]
    }
  ]
}

Форма может иметь один или несколько разделов. Каждый раздел содержит массив подразделов, которые содержат вопросы для отображения. Ищите лучший способ обработки нумерации страниц для этих форм с учетом вышеупомянутой структуры.

Если форма имеет несколько разделов, кнопка «Далее» должна отображать следующий раздел. При достижении конца разделов кнопка «Далее» покажет пользователю следующую форму.

Кнопка «Предыдущий» будет делать то же самое только в обратном порядке.