changes

app/components/Caption.vue

@@ -1,19 +1,13 @@
 <template>
-  <span :class="`icon-text fsb-${props.size || 17} ${props.type || 'has-text-primary'}`">
-    <span>{{ title }}</span>
-    <SvgIcon
-      id="ignore"
-      v-bind="{
-        name: 'right.svg',
-        type: props.type ? props.type.replace('has-text-', '') : null,
-        size: (props.size >= 30 ? props.size * 0.7 : props.size) || 20,
-        alt: 'Mũi tên chỉ hướng',
-      }"
-    ></SvgIcon>
+  <span :class="`icon-text is-flex-wrap-nowrap font-semibold fs-${props.size || 16} ${props.type || ''}`">
+    <span style="text-wrap: nowrap">{{ title }}</span>
+    <span class="icon">
+      <Icon name="material-symbols:arrow-forward-ios-rounded" />
+    </span>
   </span>
 </template>
 <script setup>
-var props = defineProps({
+const props = defineProps({
   type: String,
   size: Number,
   title: String,