How to access shiki highlighter?

[remiconnesson]

I need to access shiki highlighter because using the prose code component directly doesn't syntax highlight.

The code below is not passing the slot onto shiki despite being a ProseCode (and I need to add the pre, code and span.line tags myself to get the styling from nuxt typography to be applied)

I need to access the shiki highlighter so I can get the correct higlighting on my dynamic code

<script lang="ts" setup>
const { data } = await useFetch('https://foo.bar/spam', {
  pick: ['my_key']
})

const fallback = "blabla"

const dynamicText = computed(() => {
  const s= data.value ? data.value : fallback
  return `nianiania ${s}`
})

</script>

<template>
  <ProseCode language="bash"><pre><code><span class="line">{{ dynamicText }}</span></code></pre></ProseCode>
</template>

---

Alternatively,

I need to do this because I didn't find a way to call a MDC component inside a code block:

:dynamic-text

doesn't resolve the content/DynamicText.vue component

maybe I missed the way to do it?