Сверстать несколько экранов на Vue+Quasar

Нужно сверстать несколько экранов визарда который Позволяет выбирать файлы, уточнять детали загрузки контента из этих файлов и потом отображает процесс импорта данных из этих файлов.
Всего экранов 5, здесь для примера выложены 3 самых основных.

- стартуем с Quasar + Vite + Typescript
- используем встроенные компоненты Quasar для верстки и cols/rows, элементов формы -
https://quasar.dev/vue-components/dialog, https://quasar.dev/vue-components/radio#with-qitem, https://quasar.dev/vue-components/stepper#header-n... и тд

Не нужно повторять этот виндовый UI, а просто в таком же расположении основных элементов сделать с помощью а квазаровского MaterialUI.

- минимальная логика тоже должна присутствовать, например если на Первом шаге (st1.png) файл не выбран то кнопочка перехода на следующий шаг не активна и тд

Опыт с Vue и Quasar - обязательно, предлагать это всё сверстать на чистом CSS или bootstrap - не надо!