How to fetch from all child folders?

I have this directory structure:

- content/
  - articles/
    - 2020/
    - 2019/
    - 2018/
  - projects/

I want to be able to fetch every .md file from the content/articles/ directory.

I have tried the following:

this.articles = await this.$content('articles/**/*').fetch();

this.articles = await this.$content('articles/*').fetch();

this.articles = await this.$content('articles/').fetch();

this.articles = await this.$content('articles').fetch();

Any ideas how I can achieve this?

Extra info: My first step was to place all articles inside the articles directory and fetch them from there, and it worked perfectly. I’m now looking to further split my articles into year directories.

[jackdomleo7]

I found a solution that was nearly what I wanted but I’m happy with it.

- content/
  - blog/
    - 2020/
    - 2021/
  -projects/
-pages/
  - blog/
    - _slug.vue
  - projects/

nuxt.config.js

generate: {
  async routes () {
      const { $content } = require('@nuxt/content');
      const files = await $content('', { deep: true }).only(['slug', 'dir']).fetch();

      return files.map(file => '/' + (file.dir.includes('blog') ? 'blog' : file.dir.includes('projects') ? 'projects' : '') + '/' + (file.slug === '/index' ? '/' : file.slug));
  }
}

@/pages/blog/_slug.vue

async asyncData ({ $content, params }) {
    const slug = params.slug || 'index';
    let page = await $content('blog', { deep: true })
      .where({ slug: slug })
      .only(['title', 'date', 'slug', 'description', 'readingTime', 'body'])
      .fetch();
    page = page[0]; // This was catching me out, for some reason it was returning an array with one object inside it, so I hard coded to always return the first index.

  return {
    page
  };
}

---

This solution allows me to keep the markdown files inside separate directories for their year, but the year is no longer in the URL.

E.g. @/content/blog/2020/example-1.md would appear at URL http://domain.com/blog/example-1 and I’m absolutely ok with that. Seems like the most logical solution. Thanks for your help @TheLearneer!

[TheLearneer]

@JDomleo

const article = await this.$content('blog', { deep: true })
  // If your file names are unique across all the directories then you can simply check for slug..
  .where({ slug: 'filename' })
  // or you can even check the path if your file name is duplicated for various years.. below is just an example
  .where({ path:  '/year/article' })
  .fetch();

Also even if you do not are not planning to create a dedicated page for year itself, seems like you are still going for year/article format, so you will have to be careful there…

---

@jbnv Make sure your content module is updated to at least 1.3.0 because that is when the deep fetch was introduced… Also seems like you are trying to fetch the root content directory. I stronly suggest you to put your files in some sub directory because even if doesn’t make any sense now, you will realize later than doing so will be useful in many ways… That is because if you plan to add some other type of content in future then your code will throw error for sure and also fetching content from specific folder would be more safer.