[BUG]: Code Highlighter is not working properly.

SyntaxUI / syntaxui

Get free access to pre-built, Tailwind CSS-powered components, animations and effects - brought to life using Framer Motion. Just copy, paste and you're ready to go!

https://syntaxui.com

MIT License

636 stars 45 forks source link

[BUG]: Code Highlighter is not working properly. #253

Closed Ansub closed 2 weeks ago

Ansub commented 3 weeks ago

Description 📝

The ComponentPreview component is not highlighting the code properly. Below is the image that shows the issue.

Link 🔗

https://syntaxui.com/blocks/banner

Screenshots 📸

CleanShot 2024-07-06 at 14 15 41@2x

epoll31 commented 2 weeks ago

I played around with changing the docs banner file from a ‘tsx‘ to an ‘mdx‘ and that corrected the syntax highlighting. I haven't cleaned it up to open the PR yet, but I believe that this is a clean solution to this issue.