27 lines
648 B
Vue
27 lines
648 B
Vue
|
<template>
|
||
|
|
<q-item :to="getGymRoute(gym)">
|
||
|
|
<q-item-section>
|
||
|
|
<q-item-label>{{ gym.displayName }}</q-item-label>
|
||
|
|
<q-item-label caption lines="1">{{ gym.cityName }}</q-item-label>
|
||
|
|
<q-item-label caption lines="1">{{ gym.countryName }}</q-item-label>
|
||
|
|
</q-item-section>
|
||
|
|
<q-item-section side top>
|
||
|
|
<q-badge color="primary" label="10k"/>
|
||
|
|
</q-item-section>
|
||
|
|
</q-item>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup lang="ts">
|
||
|
|
import {getGymRoute} from 'src/api/gymboard-api';
|
||
|
|
import {GymSearchResult} from 'src/api/gymboard-search';
|
||
|
|
|
||
|
|
interface Props {
|
||
|
|
gym: GymSearchResult
|
||
|
|
}
|
||
|
|
defineProps<Props>();
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
|
||
|
|
</style>
|