22 lines
430 B
Vue
22 lines
430 B
Vue
|
<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>
|