Root '/' маршрут остается активным в vuetify даже при изменении маршрута

Question

Я установил свои маршруты следующим образом:

{
    path: '/',
    name: 'Dashboard',
    component: Dashboard
},
{
    path: '/page2',
    name: 'Page2',
    component: Page2
},

Когда пользователь посещает мой сайт, панель управления должна быть первым маршрутом для загрузки по умолчанию. Это сейчас происходит. Однако моя проблема заключается в навигационном ящике, кнопка на панели инструментов остается выделенной как активная, см. Изображение:

введите описание изображения здесь

Единственный способ, который я могу найти, чтобы Dasboard не оставался выделенным, - это дать конечное имя для маршрута панели инструментов, например,

{
    path: '/dashboard',
    name: 'Dashboard',
    component: Dashboard
},

Но теперь этот маршрут не будет загрузить по умолчанию, если нет способа сделать это где-нибудь еще?

Answer 1

Нашел обходной путь, или, возможно, способ, которым я должен это сделать:

    {
        path: '/',
        name: 'Root',
        redirect: {name: 'Dashboard'}
    },

    {
        path: '/dashboard',
        name: 'Dashboard',
        component: Dashboard
    },

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

введите описание изображения здесь