Generate dynamic routes after performing build-time data loading #2826
Description
Is your feature request related to a problem? Please describe.
I am working on a blog based on VitePress. In my current situation, I need to extract tags from all my posts to generate pages similar to tags/xxx/.
My directory structure:
blog
|- .vitepress
|- posts
| |- example-post-1
| |- index.md
| |- example-post-2
| |- index.md
|- tags
| |- [tag].md
| |- [tag].paths.ts
|- posts.data.ts
Example post 1:
---
title: Example Post 1
tags:
- tag1
- tag2
---Example post 2:
---
title: Example Post 2
tags:
- tag2
- tag3
---I wrote a posts.data.ts as a build-time data loader to load all these posts:
import { createContentLoader } from 'vitepress'
import { getPostFromContentData } from "./utils" // some internal processing
const loader = createContentLoader('posts/**/index.md')
export default {
...loader,
async load() {
const data = await loader.load()
return data.map(getPostFromContentData)
}
}My aim is to generate some pages like tags/tag1/, tags/tag2/ and tags/tag3/, so I created a [tag].paths.ts.
I want to directly access the loader in it:
import { data as posts } from '../posts.data'
export default {
paths() {
const tags = new Set<string>()
for (const post of posts)
for (const tag of post.tags)
tags.add(tag)
return Array.from(tags)
}
}That seems impossible, and throws a error while building:
No matching export in "posts.data.ts" for import "data"
I guess the route generation is performed before the build-time data loading, so the loader is not available when generating routes. Could it be solved?
p.s. My English is REALLY bad :( and I hope you can understand my thoughts. Thanks!
Describe the solution you'd like
Maybe we can load data first? Then we could use the loader in other build-time components later.
Describe alternatives you've considered
No response
Additional context
No response
Validations
- Follow our Code of Conduct
- Read the docs.
- Read the Contributing Guidelines.
- Check that there isn't already an issue that asks for the same feature to avoid creating a duplicate.