Yo uso el siguiente ejemplo:
<script setup lang="ts"> import Prism from 'prismjs'; import { onMounted } from 'vue'; const codeTest1 = ` function handle(t, s) { let sum = 0 sum += t * 0.3 if (s <= 20) { sum += s * 1.8 } else { sum += 20 * 1.8 + (s - 20) * 2.5 } return sum < 9 ? 9 : sum } ` onMounted(() => { Prism.highlightAllUnder(document) }) </script> <template> <pre class="line-numbers"> <code class="language-js">{{ codeTest1 }}</code> </pre> </template> <style> </style>Pero no funciona como esperaba: resultado
La demostración utiliza la plantilla vite y vue-ts. La versión de prismjs es ^1.23.0
¿Puede alguien decirme por qué está pasando esto?