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>
27 lines
812 B
Vue
27 lines
812 B
Vue
<script setup lang="ts">
|
|
const model = defineModel<string>({ default: 'roundtrip' })
|
|
|
|
const modes = [
|
|
{ value: 'roundtrip', label: 'Ida y vuelta', icon: 'i-lucide-repeat' },
|
|
{ value: 'oneway', label: 'Solo ida', icon: 'i-lucide-arrow-right' },
|
|
{ value: 'multicity', label: 'Multi-ciudad', icon: 'i-lucide-route' },
|
|
{ value: 'weekend', label: 'Finde', icon: 'i-lucide-calendar-days' },
|
|
{ value: 'explore', label: 'Explorar', icon: 'i-lucide-compass' }
|
|
]
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex gap-1 flex-wrap">
|
|
<UButton
|
|
v-for="m in modes"
|
|
:key="m.value"
|
|
:label="m.label"
|
|
:icon="m.icon"
|
|
:color="model === m.value ? 'primary' : 'neutral'"
|
|
:variant="model === m.value ? 'solid' : 'ghost'"
|
|
size="sm"
|
|
@click="model = m.value"
|
|
/>
|
|
</div>
|
|
</template>
|