ajustes

front-end/app/pages/oportunidades/vencidas.vue

@@ -1,11 +1,13 @@
 <script setup lang="ts">
-import { editais } from '~/data/mock/editais'
-const filtrados = computed(() => editais.filter(e => e.status === 'vencida'))
+const { apiFetch } = useApi()
+interface ApiEdital { ID: string; Numero: string; Orgao: string; Modalidade: string; Objeto: string; Plataforma: string; ValorEstimado: number; DataPublicacao: string; DataAbertura: string; Status: string }
+const { data: todos } = await useAsyncData('editais-vencidas', () => apiFetch<ApiEdital[]>('/editais'))
+const editais = computed(() => (todos.value ?? []).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 class="content"><div class="card"><EditaisTable :editais="editais" /></div></div>
   </div>
 </template>
 <style scoped>