How to properly nest routes in Vue2?

Question

Vue.js

What is the right way to do nested childrent routes? The route navigates, but does not open the page (remains on the parent ). These nested routes worked until the children array was added (when they were separate
routes):

{
      path: "/pokemon", name: "pokemon", component: pokemon,
      children:[
        { path: ":name", name: 'name', component: pokemonDetail, props: true },
        { path: "type/:typeName", name: 'types', component: TypeDetail, props: true }
      ],
      props: true,
      meta: {
        requireAuth: true
      }
    },

go to these pages:

<router-link
      id="info"
      class="btn btn-warning link_to"
      :to="{name: 'name', params: { name: pokData.name } }"
      >Info</router-link
    >

Answer 1

Missing router-viewin parent component