Use nuxt-shiki for syntax highlighting

[pi0]

Description

Hi. Today I learned (unjs/undocs#45) that there are several places Shiki is being integrated into Nuxt.

I made a quick draft of nuxt-shiki module to make it more standard from one place.

I would love to hear what would be needed / what features are missing to make this happen.

(mdc discussion nuxt-modules/mdc#148)

[benjamincanac]

Closing this as the docs heavily rely on @nuxt/content and @nuxtjs/mdc anyway.

[pi0]

@benjamincanac This is critical for me + undocs. I hope collabration from @farnabaz too otherwise i need to make a patch for @nuxt/ui to only fix this, neither can support either of projects on nitro side :(

[farnabaz]

Seems like we have to adopt nuxt-shiki and there is no place to discuss it and understand why it should be separated and cannot implement within MDC module. (I give up)

@pi0 Do you mind making it possible to get Shiki instance outside of Nuxt Context in nuxt-shiki. Otherwise, it is breaking change for MDC and Content module.

[benjamincanac]

@pi0 Not sure to understand the relation with @nuxt/ui here. There is no dependency to either content, mdc or even shiki.

[pi0]

(off topic) @farnabaz Regarding mdc module:

• Use nuxt-shiki for syntax highlighting nuxt-modules/mdc#148
• Reasons: feat: use nuxt-shiki nuxt-modules/mdc#164 (comment)
• Initial attempt to make your wish possible pi0/nuxt-shiki@bfc0b61

---

@benjamincanac fair enough i will followup for content side.