feat: surface availability and operations evidence
This commit is contained in:
16
src/components/OperationsProof.vue
Normal file
16
src/components/OperationsProof.vue
Normal file
@@ -0,0 +1,16 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user