backticks not getting rendered in Docs

[Pradumnasaraf]

Description

On the website, the backticks are not getting rendered. It's bolding just bolding up the text.

It should look something like sample-text

• Link to Docs folder - https://github.com/EddieHubCommunity/LinkFree/tree/main/pages/docs
• Link to the hosted site - https://linkfree.eddiehub.io/docs

Screenshots

Above Screenshot hosted link - https://linkfree.eddiehub.io/docs/contributing/hacktoberfest

[github-actions[bot]]

It's great having you contribute to this project

Welcome to the community :nerd_face:

If you would like to continue contributing to open source and would like to do it with an awesome inclusive community, you should join our Discord chat and our GitHub Organisation - we help and encourage each other to contribute to open source little and often 🤓 . Any questions let us know.

[dan-mba]

I think this is related to the configuration of remark-prism which is done in next.config.mjs.

There is an option for it to handle inline code, but it is off by default.

[eddiejaoude]

Thanks for raising Pradumna 👍

There is an option for it to handle inline code, but it is off by default.

oh I see, thank you Dan, great spot 💯

Maybe a good first issue for someone

[AldrinSeanPereira]

I'd like to take up this bug.

I referred to the links given by @dan-mba but I'm stuck at finding what needs to be fixed ... may need to spend more time (or not)

any advice would be appreciated :)

[dan-mba]

@AldrinSeanPereira the format of the plugins for @next/mdx isn't well documented, but it links to this MDX documentation.

I think remarkPrism needs to be changed to [remarkPrism, {transformInlineCode: true}]

[AldrinSeanPereira]

alright. thank you !!