NUXT路由器链接与菜单中的子链接

Question

我或多或少都用它来渲染NUXT从页面和子目录构建的路由器中的所有链接。

<template>
<nav>
  <nuxt-link :class="{ active: route.path === $router.currentRoute.path }"
              v-for="route in $router.options.routes" 
              :key="route.path" 
              :to="route.path">{{ route.name }}
  </nuxt-link>
</nav>

我的问题是我的页面结构如下：

Link
Link
Link 
    Subdirectory
        Link
        Link

渲染路线时，它会为我提供标记如下的链接的平面图：

Link Link Link Subdirectory-Link Subdirectory-Link 

哪个不是很有用。我在NUXT中找不到执行此操作的标准方法。

最终目标是构建一个带有完整链接图和可折叠部分的边栏。任何帮助将不胜感激。