Что такое HTML?

<script>alert('Test')
console.log('Test')</script>

<script setup lang="ts">
const props = defineProps<{ code: string }>();
</script>

<template>
  <div class="code-highlighter">
    <Shiki
      lang="ts"
      :code="props.code"
    />
  </div>
</template>

<style lang="css" scoped>
.code-highlighter {
  margin-top: 1rem;
  margin-bottom: 1rem;
  overflow: scroll;
}

.code-highlighter :deep(pre) {
  font-size: var(--text-sm);
}

.code-highlighter :deep(code) {
  padding: 1rem;
  display: block;
}
</style>