queryContent and ContentNavigation not working the way I envisioned - pulling up higher directory links

[nancysavescu]

Hello, Everyone,

I am seeking some assistance. I am trying to wrap my head around something which I thought would be simple, but it's not working out the way I imagined. I reviewed this documentation: https://content.nuxt.com/components/content-navigation

I am looking to implement compartmentalized guides or tutorials. As a rough example, my content dir would resemble something like the following:

content/
- guides/
-- first-guide/
--- 1.starting.md
--- 2.how-to.md
--- 3.conclusions.md
-- second-guide/
--- 1.blah.md
--- 2.more-blah.md
--- 3.thoughts.md
- blog/

So hopefully you get the drift... One guide has no relation to the other guide. My pages/slugs all work as they should. But my problem is with "how" the navigation links are being pulled up.

I am using separate components for the navigation for each set of guides. So for example, I have FirstguideNav with the following:

<script setup lang="ts">
const firstguideQuery = queryContent('guides/first-guide')
</script>

<template>
  <ContentNavigation v-slot="{ navigation }" :query="firstguideQuery">
    <NuxtLink
      v-for="link of navigation"
      :key="link._path"
      :to="link._path"
    >
      {{ link.navTitle || link.title }}
    </NuxtLink>
  </ContentNavigation>
  </template>

My expectation is to get the following links for "First Guide" appearing as follows:

• starting.md
• how-to.md
• conclusions.md

But what I get instead:

• guides (dir link)
• first-guide (dir link)
• starting.md
• how-to.md
• conclusions.md

When reviewing this piece: queryContent('guides/first-guide'), I am expecting for what's only inside "first-guide" to be grabbed. Is there a way to get rid of the higher level directories that are showing?