Post

Any thoughts on running the Svelte language server within a markdown codeblock? ```svelte ``` *.md files or even a specific extension such as *.mdsx. This was the cause of my biggest pain points when writing LayerChart/etc docs in md. cc: @rich-harris.dev @paolo.ricciuti.me @joshnuss.com

Sean Lynch@techniq.dev

I love the authoring of experience of markdown for component docs, but always struggled with the following (especially within a Svelte/mdsvex environment) ❌ Code completion ❌ Type checking ❌ Masked errors ❌ Prettier formatting ❌ No quickfix (ex. imports) / highlight unused imports

25/7/25, 3:56 pm0 reposts5 likes

@vnphanquang.com

To help write docs for a few packages I maintain and for the Svelte Vietnam blog, I made a custom markdown preprocessor that allows loading the content of a codeblock from an external file where editor tooling and specific workspace settings are all available. v1.sveltevietnam.dev/en/blog/writ...

v1.sveltevietnam.devWrite | Blog | Svelte VietnamGuidelines and recommendations for authoring blog posts on the Svelte Vietnam Blog

@vnphanquang.com

I wish similar patterns exist in mdsvex, but so far the custom solution works well for me (but i'm sure there're rough edges that may not fit for public use). If you are interested, the preprocessor code is here: github.com/sveltevietna...

github.comgithub.com

Thanks for sharing!

I'd love to switch back to markdown files for an improved authoring experience (especially for long form guides) and easily generate llms.txt, etc.

@rich-harris.dev

maybe @pngwn.at and @dummdidumm.bsky.social have thoughts here...

Has the Svelte team considered adding first class Markdown support to SvelteKit? SvelteKit plus Mdsvex covers the basics but it comes with a few pain points, e.g. it adds its own layout type and the frontmatter metadata are locked in inside the Mdsvex layouts.

Forgot about this old MDsveX issue github.com/pngwn/MDsveX... and evidence.dev having a plugin with this supported (github.com/evidence-dev...) although the plugin is now archived, likely due to their pivot to Evidence Studio (web IDE). I wonder if this could be rolled into the Svelte VSCode ext?

github.comVS Code syntax highlighting? File Type Icon? · Issue #121 · pngwn/MDsveXIs there any syntax highlighting/autocompletion/file type icon stuff in the works for .svx files? Is it already there and I'm not seeing it in my extensions searches?

Also not sure about prettier support based on github.com/pngwn/MDsveX... and github.com/mdx-js/mdx-a...

github.compngwn/MDsveXA markdown preprocessor for Svelte. Contribute to pngwn/MDsveX development by creating an account on GitHub.

It could be something to do with the Markdown language server Because I notice it doesn't handle other languages either, for example ```html ```

It's been a long time, but I thought React / MDX had this figured out, but through it's own extension. marketplace.visualstudio.com/items?itemNa... I do see this note about Prettier support (which is surprising).

github.com/mdx-js/mdx-a... github.com/mdx-js/mdx-a... Sadly, I just did a quick test and doesn't seem to work.