17 lines
582 B
Vue
17 lines
582 B
Vue
<script setup lang="ts">
|
|
import type { FeaturedOperation } from '@/content/types';
|
|
|
|
defineProps<{ id: string; operation: Readonly<FeaturedOperation> }>();
|
|
</script>
|
|
|
|
<template>
|
|
<section class="operations-proof" data-featured-operation :aria-labelledby="`${id}-heading`">
|
|
<h4 :id="`${id}-heading`">{{ operation.title }}</h4>
|
|
<p>{{ operation.context }}</p>
|
|
<ol>
|
|
<li v-for="action in operation.actions" :key="action">{{ action }}</li>
|
|
</ol>
|
|
<p class="operations-proof__outcome"><strong>Outcome:</strong> {{ operation.outcome }}</p>
|
|
</section>
|
|
</template>
|