<template>
  <q-tabs class="mobile-only">
    <!-- <q-tab name="Home" icon="home" to="index"></q-tab> -->
    <q-route-tab name="Boats" icon="sailing" to="/boat"></q-route-tab>
    <q-route-tab
      name="Schedule"
      icon="calendar_month"
      to="/schedule"
    ></q-route-tab>
    <q-route-tab
      name="Checklists"
      icon="checklist"
      to="/checklist"
    ></q-route-tab>
    <q-route-tab
      name="Reference"
      icon="info_outline"
      to="/reference"
    ></q-route-tab>
    <q-route-tab name="Tasks" icon="build" to="/task">
      <q-badge color="red" floating> NEW </q-badge>
    </q-route-tab>
  </q-tabs>
</template>

<script setup lang="ts"></script>
