Nuxt js слетает active link в динамически вложенном маршруте

Делаю приложение на nuxt js Слетает active линк при переходе на динамический маршрут. Есть дефолтный layout в котором есть navbar с разделами сайта. Ссылки разделов активны при нахождении в соответствующем разделе, но при переходе во вложенный раздел active слетает. Каким образом можно назначить класс active при нахождении во вложенном разделе? Структура pages/

--| category/
-----| vCategoryId.vue
--| index.vue
--| order.vue
--| about.vue

при переходе на страницу vCategoryId active класс слетает, а надо чтобы он был активным на order

Код навбара из layouts/defalut.vue

<div class="navbar-nav row">
            <nuxt-link exact active-class="active" class="nav-item nav-link col-lg-4" 
to="/">Главная</nuxt-link>
            <nuxt-link active-class="active" class="nav-item nav-link col-lg-4" 
to="/order">Каталог</nuxt-link>
            <nuxt-link active-class="active" class="nav-item nav-link col-lg-4" 
to="/about">Контакты</nuxt-link>
          </div>

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