How to query subfolder of content

[BD103]

Hello,

I would like all of my content to be prefixed with the /blog route. My current solution is to store all posts in a content/blog folder.

The problem that I'm experiencing is that when I use queryContent(), it treats the folder as a post.

const posts = await fetchContentNavigation(queryContent("blog"));

[
  {
    "title": "Blog",
    "_path": "/blog",
    "children": [
      {
        "title": "Foo",
        "_path": "/blog/foo"
      },
      {
        "title": "Bar",
        "_path": "/blog/bar"
      }
    ]
  }
]

Is there a way that I could just query the children object while still using queryContent()'s functions like sort(), limit(), and skip()?

Thank you :)

Edit:

Here's a reproduction of my issue:

https://stackblitz.com/edit/github-zvmcby-u8utm2?file=app.vue

What I don't want:

[
  {
    "title": "Blog",
    "_path": "/blog",
    "children": [
      {
        "title": "Bar",
        "_path": "/blog/bar"
      }
    ]
  }
]

What I want:

[
  {
    "title": "Bar",
    "_path": "/blog/bar"
  }
]

[nobkd]

You can query by regex.

queryContent().where({ _path: /^\/blog\// })

This gets all posts that have a path that starts with /blog/.

Similar reference: #1777 (comment)

Only thing is, that I don't know if the root path can be /blog/.
If that is the case, you can try something like this regex instead: /^\/blog\/.+/.
I haven't tested it, but that should probably work. You can just edit the regex to fit your needs.

[BD103]

I tried your solution, but I can't get regex to work. I tried queryContent().where({ _path: /a+/ }) to deliberately not match /blog, but it still returns the same JSON as above. Any other solutions?

[nobkd]

Hm. It seems like fetchContentNavigation() can't take just any queryContent() input?

Do you know something about that, @farnabaz ?

The docs state, you could put Any query built via queryContent() in there, but that seems to be not correct?

An example: https://stackblitz.com/edit/github-zvmcby-yt8pwh?file=app.vue

[BD103]

I found this section in the docs, but it appears to have an outdated example.

const query = queryContent({
  where: {
    _path: { $contains: '/your/navigation/starting/point' }
  }
})

I tried both it and chaining queryContent().where(...), and neither worked. (The latter gave the nested JSON, while the first didn't run.)

[BD103]

I crossposted this on Discord to get a few more eyes on the situation.