Vue-Router - дети для среднего сегмента URL
У меня есть веб-сайт с различными категориями, каждая из которых содержит подробные страницы и одну страницу категории. Например, /movies это страница категории, и /movies/:id это подробная страница
Страницы подробностей и категорий основаны соответственно на одном и том же фрейме, поэтому он подходит для дочерних маршрутов. Однако, зная, что детализация / категория соответствуют концу URL, children собственность не может быть использована.
Две альтернативы, которые я нашел:
Создание маршрута /:category / /:id и динамическое сопоставление категории внутри компонента кадра для выбора компонента, но это кажется неэффективным из-за накладных расходов маршрутизации и похоже на обход роли vue-router
Создание страницы для каждой категории и добавление компонента фрейма в качестве оболочки во все эти компоненты, однако это бесполезно загромождает каталог src и не является СУХИМЫМ.
У меня вопрос, есть ли лучшее решение? В идеале что-то родное для вью роутера.