<template>
  <span
    v-for="text in data"
    :key="text.text"
    :class="[
      text.bold ? 'font-bold' : '',
      text.strikethrough ? 'line-through' : '',
      text.underline ? 'underline' : '',
      text.italic ? 'italic' : '',
    ]"
    >{{ text.text }}</span
  >
</template>

<script setup lang="ts">
import type { TextField } from "~~/types/field/content";

defineProps({
  data: Array<TextField>,
});
</script>
