Why is not working my nested submenu?

When i click on sub menu item javascript it is not showing component JavaScript.vue

routes: [
 {
  path: "/",
  name: "home",
  component: Home
},
{
  path: "/guide",
  name: "guide",
  component: () => import("./components/Guide.vue"),
  children: [
    {
      path: "/guide/javascript",
      name: "javascript",
      component: () => import("./components/JavaScript.vue")
    }
  ]
},
{
  path: "/service",
  name: "service",
  component: () => import("./components/Service.vue")
},
{ path: "*", component: () => import("./components/404.vue") }
]

I have example of my code in Vue Router Trailing Slash Bug (forked) - CodeSandbox