<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>
