Basic calendar view

src/components/BottomNavComponent.vue

@@ -0,0 +1,26 @@
+<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>