[Vuejs]-How to display components of a child `router-view` that is nested within parent `router-view` in Vue JS?

The nested route requires children route configs, which is missing from Dashboard‘s route config.

Move the route config of Messages into Dashboard‘s children array:

const routes = [
  {
    path: "",
    name: "Dashboard",
    component: dashboard,
    children: [
      {
        path: "/messages",
        name: "Messages",
        components: {
          content: Messages,
        },
      },
    ]
  },
  //...
]