diff --git a/src/components/Holos/Timeline/Item.vue b/src/components/Holos/Timeline/Item.vue index b6df0f6..b1fd5ff 100644 --- a/src/components/Holos/Timeline/Item.vue +++ b/src/components/Holos/Timeline/Item.vue @@ -12,6 +12,7 @@ const emit = defineEmits([ /** Propiedades */ const props = defineProps({ event: Object, + nameMap: { type: Object, default: () => ({}) }, }); const icons = { @@ -42,6 +43,14 @@ const borderColor = computed(() => { return `border-${colors[eventType.value]} dark:border-${colors[eventType.value]}-d`; }); +const translatedDescription = computed(() => { + let desc = props.event.description ?? ''; + for (const [key, value] of Object.entries(props.nameMap)) { + desc = desc.replaceAll(`"${key}"`, `"${value}"`); + } + return desc; +}); +