How do children work in the Vue router?

Question

JavaScript

All routes work except the last one (example.com/news/create) - How to write a route correctly to make it work.

{
        path: '',
        component: Main,
        children: [
            {
                path: '',
                name: 'index-page',
                component: Index
            },
            {
                path: 'homes',
                name: 'homes-list',
                component: Homes
            },
            {
                path: 'news',
                name: 'news-index',
                component: News,
                children: [
                    {
                        path: 'news/create',
                        name: 'news-create',
                        component: NewsCreate,
                    }
                ]
            },
        ]
    },

Answer 1

Replace:

children: [
                    {
                        path: 'news/create',
                        name: 'news-create',
                        component: NewsCreate,
                    }
                ]

on the :

children: [
                    {
                        path: 'create',
                        name: 'news-create',
                        component: NewsCreate,
                    }
                ]

?