changes

components/Caption.vue

@@ -0,0 +1,14 @@
+<template>
+  <span :class="`icon-text fsb-${props.size||17} ${props.type || 'has-text-findata'}`">
+    <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>
+</template>
+<script setup>
+  var props = defineProps({
+    type: String,
+    size: Number,
+    title: String
+  })
+</script>