<script setup lang="ts">
import { editais } from '~/data/mock/editais'
const filtrados = computed(() => editais.filter(e => e.status === 'vencida'))
</script>
<template>
  <div class="page">
    <AppTopbar title="Vencidas" breadcrumb="Oportunidades · Vencidas" />
    <div class="content"><div class="card"><EditaisTable :editais="filtrados" /></div></div>
  </div>
</template>
<style scoped>
.page { display: flex; flex-direction: column; height: 100vh; }
.content { padding: 20px 22px; flex: 1; overflow-y: auto; }
.card { background: white; border-radius: 11px; border: 1px solid #e2e8f0; overflow: hidden; }
</style>
