Как реализовать идею во Vuejs [Nuxt]? Какова логика построения данного SPA?
Добрый день! Только начал применять Vuejs + Nuxt в проектах, поэтому возникает много вопросов.
Необходимо реализовать следующую идею. Для понимания буду строить аналогии. Представим колоду карт как набор страниц. Первую мы видим полностью - это текущая страница с контентом, а другие страницы лежат под ней и видны только их верхние части, где мы можем увидеть масть карты (напрмер Т♦️) , т.е. только название страницы, контент (картинка карты) скрыт. Торчащие карты составляют «меню». При клике на интересующий пункт видимая страница уходит в конец колоды (это если желаемая для перехода страница находится сразу за текущей), а интересующая становится сверху, контент которой становится виден. Также если желаемая страница, например третья сверху, то при клике на нее в конец уходят видимая и вторая, которая сразу за ней и т.д.
Основной вопрос в архитектуре данного проекта. Что должно быть в компонентах, что в контенте? Должен ли пункт меню дублироваться в самой странице, как часть контента? Как выводить, например, только 5 основных страниц, а если мы заходим глубже Блог -> Статья, то добавлять по одной карте (статья в блоге) в набор при открытии статьи, а при возврате обратно в блог удалять карту со статьёй?
На дополнительные вопросы, если не все понятно объяснил, отвечу в комментариях.
