| 1 | <template> |
| 2 | <div v-if="alert.iocs?.length" class="flex flex-col gap-2"> |
| 3 | <CardEntity v-for="ioc in alert.iocs" :key="ioc.id" size="small" embedded> |
| 4 | <template #header-main>{{ ioc.ioc_value || ioc.value }}</template> |
| 5 | <template #header-extra>{{ ioc.ioc_type || ioc.type }}</template> |
| 6 | <template #default>{{ ioc.ioc_description || ioc.description }}</template> |
| 7 | </CardEntity> |
| 8 | </div> |
| 9 | |
| 10 | <n-empty v-else description="No indicators of compromise found" class="min-h-50 justify-center" /> |
| 11 | </template> |
| 12 | |
| 13 | <script setup lang="ts"> |
| 14 | import type { Alert } from "@/types/alerts" |
| 15 | import { NEmpty } from "naive-ui" |
| 16 | import CardEntity from "@/components/common/cards/CardEntity.vue" |
| 17 | |
| 18 | defineProps<{ |
| 19 | alert: Alert |
| 20 | }>() |
| 21 | </script> |