Nuxt.js: Multiple pages and layout directories, for modules and monorepos

Created on 3 Oct 2020 · 3Comments · Source: nuxt/nuxt.js

Is your feature request related to a problem? Please describe.

I'd like to decouple certain parts of my app into their own modules and go for a monorepo approach, while still making use of nuxt's file tree structure for pages and layouts.

For example:

```app/
├─ client/
│ ├─ pages/
│ ├─ layouts/
│ ├─ (other nuxt folders...)
│ └─ nuxt.config.js
└─ packages/
└─ nuxt-module-admin-dashboard/
├─ pages/
│ └─ dashboard/
│ └─ index.vue // { name: 'dashboard', path: '/dashboard', ... }
├─ module.js
├─ server-middleware.js
└─ package.json

### Describe the solution you'd like

Support for multiple `pages`/`layouts`-directories (could be extended to other dirs too, `assets`, `static`, etc). 

Examples:

#### Module
```js
export default function () {
  this.addPages(path.resolve(__dirname, 'pages'))
}

nuxt.config.js

dir: {
  pages: [   // array support
    './pages',
    '../packages/nuxt-module-admin-dashboard/pages',
    '../packages/*/pages'   // glob support?
  ]
}

Thoughts or ideas?

feature-request

Source