<template>
    <div class="codebox">
        <p v-html="content"></p>
    </div>
</template>

<script setup lang="ts">
defineProps<{
    content: string
}>()
</script>

<style scoped>
.codebox * {
    font-family: "Roboto Mono", monospace;
    font-optical-sizing: auto;
    white-space: preserve;
    tab-size: 2;
}
</style>