<template>
  <q-layout view="hHh Lpr fFf">
    <ToolbarComponent :pageTitle="route.meta.title as string" />
    <q-page-container>
      <router-view />
    </q-page-container>
    <q-footer>
      <BottomNavComponent />
    </q-footer>
  </q-layout>
</template>

<script setup lang="ts">
import { useQuasar } from 'quasar';
import { useRoute } from 'vue-router';
import BottomNavComponent from 'src/components/BottomNavComponent.vue';
import ToolbarComponent from 'src/components/ToolbarComponent.vue';

const q = useQuasar();
const route = useRoute();
// q.fullscreen.request();
q.addressbarColor.set('#14539a');
</script>
