b8906efc80
Some checks failed
ci / ci (22, ubuntu-latest) (push) Has been cancelled
Nuxt 4 + Supabase + Flightics API. Incluye búsqueda de vuelos, inspiraciones, watchlist, tracking de precios y mapa interactivo. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
38 lines
1.2 KiB
Vue
38 lines
1.2 KiB
Vue
<script setup lang="ts">
|
|
import type { MultiCityInspirationItem } from '~/server/utils/flightics'
|
|
|
|
const props = defineProps<{
|
|
item: MultiCityInspirationItem
|
|
currency?: string
|
|
resolveCountry?: (iata: string) => string
|
|
}>()
|
|
|
|
defineEmits<{ select: [item: MultiCityInspirationItem] }>()
|
|
|
|
const countrySummary = computed(() => {
|
|
if (!props.resolveCountry) return ''
|
|
const unique = [...new Set(props.item.stops.map(s => props.resolveCountry!(s)).filter(Boolean))]
|
|
return unique.join(', ')
|
|
})
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<UCard class="hover:ring-primary-500 transition-all cursor-pointer" @click="$emit('select', item)">
|
|
<div class="flex items-center justify-between">
|
|
<div>
|
|
<p class="font-semibold text-sm">
|
|
{{ item.from }} → {{ item.stops.join(' → ') }}
|
|
</p>
|
|
<p class="text-xs text-muted mt-1">
|
|
{{ item.stops.length }} parada{{ item.stops.length !== 1 ? 's' : '' }}
|
|
<span v-if="countrySummary"> · {{ countrySummary }}</span>
|
|
</p>
|
|
</div>
|
|
<p class="text-lg font-bold text-primary-600 dark:text-primary-400">
|
|
{{ item.minPrice.toFixed(0) }}<span class="text-xs">€</span>
|
|
</p>
|
|
</div>
|
|
</UCard>
|
|
</template>
|