File-based layouts

A common MDsveX use case is to use it to render blog posts in Svelte Kit. When creating layouts for these pages, you have to dig into the MDsveX config to bind the layout to a specific file. This becomes more complex when you consider the case with multiple layouts, where each .svx file would have to specify its layout in the front matter.

Svelte Kit has engineered up a solution for regular page layouts, by using a specific file name $layout.svelte __layout.svelte to bind to the layout for that route. It would be great to have MDsveX implement something similar for its layouts. This would greatly simplify configuration for the most common use cases.

[furudean]

That’s what I had in mind – it seems like an obvious compliment to Svelte Kit’s router. I’m open to other suggestions though!

[ngxingyu]

Just discovered that the layout files for mdsvex doesn’t support typescript (It resulted in a ParseError: Unexpected token) but using javascript works perfectly.