fix(nav): autmatically resolve to first child if has no index

app/components/AppHeader.vue

@@ -10,12 +10,14 @@ const { metaSymbol } = useShortcuts()
 const docsNav = useDocsNav()
 
 const headerLinks = computed(() => {
- return docsNav.links.map((link) => {
- return {
- ...link,
- children: link.children?.filter((child) => !child.children || child.children.some((c) => c.to === child.to)),
- }
- })
+ return docsNav.links
+ .filter((link) => link.hasIndex)
+ .map((link) => {
+ return {
+ ...link,
+ children: link.children?.filter((child) => !child.children || child.children.some((c) => c.to === child.to)),
+ }
+ })
 })
 </script>
 

app/utils/nav.ts

@@ -9,24 +9,35 @@ export function useDocsNav() {
 
  const links = computed(() => {
  return mapContentNavigation(navigation.value).map((item) => {
+ console.log(item)
+
+ // Flatren single child
  if (item.children?.length === 1) {
- return {
+ item = {
  ...item,
  ...item.children[0],
  children: undefined,
- active: isActive(item.to as string),
  }
  }
+
+ // Check if group index is not exists and default to first child
+ const originalTo = item.to as string
+ if (item.children?.length && !item.children.some((c) => c.to === originalTo)) {
+ item.to = item.children[0].to
+ }
+
  return {
  ...item,
- label: titleCase(item.to),
- active: isActive(item.to as string),
+ originalTo,
+ hasIndex: item.to === originalTo,
+ label: titleCase(originalTo),
+ active: isActive(originalTo),
  }
  })
  })
 
  const activeLinks = computed(() => {
- return links.value.find((l) => route.path.startsWith(l.to as string))?.children || []
+ return links.value.find((l) => route.path.startsWith(l.originalTo))?.children || []
  })
 
  return reactive({

docs/.foo/bar.md

@@ -0,0 +1,3 @@
+# Foo bar
+
+foobar...

docs/.foo/baz.md

@@ -0,0 +1,3 @@
+# Foo baz
+
+foobaz...