Alternative pages folder

[davestewart]

Hey!

FYI, I got linked here from a Gridsome thread (having since moved to VuePress) but this looks like a great framework!

Anyway, question: would it be possible to have a project structure like this?

+- src
    +- app
    |   +- components
    |   |   +- ...
    |   +- layouts
    |   |   +- ...
    |   +- app.ts
    +- content           <-- this is what would have been /pages
        +- blog
        |   +- ...
        +- portfolio
        |   +- ...
        +- index.md

I would like to keep logic and content separate for various reasons: find and replace, commits, etc.

[ElMassimo]

Hi Dave! @davestewart

You can specify a different pagesDir, relative to the srcDir.

I haven't tested it when pagesDir is outside srcDir, but you could try with:

export default defineConfig({
  srcDir: 'src/app',
  pagesDir: '../content',
})

[ElMassimo]

Seems to work nicely, except for auto-importing composables.

Don't want to use a filesystem check for performance, but it could be fixed by also checking for pagesDir. A pull request is welcome, if you are interested.