How does the nuxt primary route have its own components?

as shown in the figure, index.vue is the main route under the assets/ path, and it is also the parent component of all child routes. Other components under the assets are all child routes (sub-components). When the page reaches this page, only the index.vue component is displayed, and no other components are shown. Click on other routes and do not show the index.vue component. How to make the child route display the component of the parent route in the nuxt? The parent route shows the components of the child route

{

        path:"/bd",
        redirect: "/bd/assets",
        meta: { requiresAuth: true },
        component:() => import("@/components/assets/bd.vue"),
        children: [  
           { path: "/bd/assets",component:() => import("@/components/assets/assets.vue")},
           { path: "/bd/account",component:() => import("@/components/assets/account.vue")}, 
           { path: "/bd/content",component:() => import("@/components/assets/content.vue")}, 
           { 
            path: "/bd/spread", 
            component:() => import("@/components/assets/spread.vue"),
            name:"",
           }
        ] 
    },

the routing configuration of nuxt was not used before, so you can ask for help.