@gridsome/source-filesystem for different content route format but same template/typeName

Summary

I wonder if there is a way to allow @gridsome/source-filesystem to accepts content from many directory.

Basic example

Saying I organize my posts in blog directory and memo directory. All are markdown and I want to use the same template for them. I would like the route for blog posts are /blog/:slug and route for memo are /memo/:slug. How can it done with current plugin config?

[tomtev]

Hi @eneim , you can add as many filesystem sources as you want. Take a look here for an example: https://github.com/gridsome/gridsome.org/blob/master/gridsome.config.js

[platform-kit]

Hi @rsclarke, @tomtev, @eneim

I found that the simplest solution to this problem is to manually assign the path in the Templates part of the gridsome config using a function

IE, for this plugin setup…

var plugins = [
 {
    use: '@gridsome/source-filesystem',
    options: {
      path: '**/*.md',
      baseDir: 'temp/docs',
      typeName: 'Doc'
    }
  }
];

and this function to generate the path…

function slugify(node) {
  var text = node.title;
  console.log(node);  
  var text = text.toString().toLowerCase()
    .replace(/\s+/g, '-')           // Replace spaces with -
    .replace(/[^\w\-]+/g, '')       // Remove all non-word chars
    .replace(/\-\-+/g, '-')         // Replace multiple - with single -
    .replace(/^-+/, '')             // Trim - from start of text
    .replace(/-+$/, '');            // Trim - from end of text
    return  node.fileInfo.directory + '/' + text;
}

and this Gridsome config that references the function in the templates object…

var gridsomeConfig = {
  siteName: siteName,
  icon: {
    favicon: favicon,
    touchicon: favicon
  },
  plugins: plugins,
  templates: {
    Doc:
      (node) => {
        return `/docs/${slugify(node)}/`
      }    
  }
}

and given some markdown files in various subdirectories, i.e. /api and /ui…

You will get content of type Doc at /docs/ui, /docs/api, etc. With the need for only one template (GraphQL type – meaning same query for all docs).