N

Nuxt•9mo ago•

4 replies

Brian Barrow

Nuxt Content with Shiki syntax highlighting not working

I can't seem to get the the shiki syntax highlighting to work as expected. I would expect the code block to be rendered with the ability to scroll to the side if the code extends the width of the container.

Also, the themes aren't getting applied like I would expect. The file name doesn't show up. It seems that there is something wrong when styles are being generated in the

<ContentRenderer />

<ContentRenderer />

component. You can see in my screenshot here that nothing is being generated in the

style

style

attribute. My guess is that there is an issue with the nuxt/tailwindcss module in that it is defaulting to v7 which is still in beta. Has anyone else run into this?

This is a fresh nuxt content build that I just spun up yesterday.