Роутинг во vue3

я только начинаю изучать vue. И у меня сложился такой вопрос, когда мы создаем router в документации path указан статически

// router.js

const routes = [
    { path: '/', component: Main },
    { path: '/about', component: About }
]

я хочу создать файл routerLinks.js и засунуть в нее все ссылки, чтобы в случае изменения пути не бегать по всем компонентам, модулям и тд и менять путь.

// routerLinks.js

export const links = {
    root: '/',
    about: '/about',
}

В итоге вышло так

// router.js

import { links } from '@/router/routerLinks'


const routes = [
    { path: links.root, component: Main },
    { path: links.about, component: About },
]

Хотел узнать на сколько это вообще правильное решение (просто в django когда создаешь путь можно указать параметр name и сразу задать название ссылке. Может во vue, тоже есть, что-то подобное ? )