content text and dynamic zone components

components/field/Text.vue

@@ -0,0 +1,21 @@
+<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>