34 lines
734 B
Vue
34 lines
734 B
Vue
<script setup>
|
|
import {flightName} from "src/composables/flight";
|
|
|
|
const props = defineProps({
|
|
flight: {
|
|
type: Object,
|
|
required: true
|
|
},
|
|
textColor: {
|
|
type: String,
|
|
required: false,
|
|
default: "white"
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<div class="text-h4">
|
|
<router-link
|
|
:class="`text-${props.textColor}`"
|
|
:to="{name: 'publicFlightDetail', params: {username: flight.pilot.publicUsername, flightSlug: flight.urlSlug}}"
|
|
>
|
|
{{ flightName(flight) }}
|
|
</router-link>
|
|
</div>
|
|
|
|
<router-link
|
|
:class="`text-${props.textColor}`"
|
|
:to="{name: 'publicProfileDetail', params: {username: flight.pilot.publicUsername}}"
|
|
>
|
|
@{{ flight.pilot.publicUsername }}
|
|
</router-link>
|
|
</template>
|