How to implement dynamic paths in Vuejs?

Question

Vue.js

Hello!
in View it is possible to implement here such dynamic ways?
For example:

{
  path: '/',
  component: () => import('layouts/MyLayout.vue'),
  children: [
    { path: '', component: () => import('pages/Index.vue') },
    { path: '/about', component: () => import('pages/About.vue') },
    { 
    	path: '/[path]', 
    	component: () => import('pages/[path]/Index.vue'),
    	children: [
    		{ path: '/[view]', component: () => import('pages/[path]/[view].vue') },
    		{ path: '/[view]/:id', component: () => import('pages/[path]/[view].vue') },
    	]
    },
  ]
}

I have a lot of routes in my application... I wanted to somehow adjust the route so as not to write hundreds of lines
if there is an idea for a better one... please advise