29 lines
720 B
Vue
29 lines
720 B
Vue
<script lang="ts" setup>
|
|
import { useNavLinks } from '~/utils/navlinks';
|
|
|
|
definePageMeta({ title: 'OYS Borrow a Boat' });
|
|
|
|
const { enabledLinks } = useNavLinks();
|
|
</script>
|
|
|
|
<template>
|
|
<q-page class="row justify-center">
|
|
<q-img alt="OYS Logo" src="/oysqn_logo.png" fit="scale-down" />
|
|
<q-list class="full-width mobile-only">
|
|
<q-item
|
|
v-for="link in enabledLinks.filter((x) => x.front_links)"
|
|
:key="link.name">
|
|
<q-btn
|
|
:icon="link.icon"
|
|
color="primary"
|
|
:size="`1.25em`"
|
|
:to="link.to"
|
|
:label="link.name"
|
|
rounded
|
|
class="full-width"
|
|
:align="'left'" />
|
|
</q-item>
|
|
</q-list>
|
|
</q-page>
|
|
</template>
|