Not rendered as markdown.

[ymgn-dev]

Problem

I wrote this in src/routes/blog/posts/text.svx.

---
title: "My blog post"
createdAt: 2022-03-18
updatedAt: 2022-03-20
layout: blog_active
---

# Title

Some text

- a
- short
- list

However, when I access http://localhost:3000/blog/posts/test, it shows up as plain text like this.

Do I need to do any additional configuration?

Environments

• SvelteKit v1.0.0-next.301
• MDsveX v.0.10.5(Installed using svelte-add)

[pngwn]

You shouldn't. Do you have a reproduction I can take a look at?

[babichjacob]

Those are the default styles for those elements when using Tailwind CSS. There's a small amount of extra info here.

[ymgn-dev]

@pngwn @babichjacob

As @babichjacob told me, the styles were reset by svelte-add tailwindcss.
Adding the prose class to __layout.svelte made it render correctly.

Thank you both for your help.

[ymgn-dev]

Oops, I just noticed that the coding highlighting for js, etc. doesn't seem to be working.

Here is the minimum app code that can reproduce the problem.
The setup procedure I did is in the README.

You can reproduce it by access to http://localhost:3000/test.

https://github.com/ymgn9314/testing_svelte_mdsvex

[pngwn]

Looks like you need to include the theme CSS, which mdsvex does not inject for you: https://mdsvex.pngwn.io/docs#highlight.

Theme CSS can be found here: https://github.com/PrismJS/prism-themes