Files
bab-app/src/components/ToolbarComponent.vue
Patrick Toal 2a949d771a
All checks were successful
Build BAB Application Deployment Artifact / build (push) Successful in 2m1s
refactor: Redo env var names to work with vite. Add version
2024-06-09 08:53:34 -04:00

36 lines
737 B
Vue

<template>
<q-header elevated>
<q-toolbar>
<q-btn
flat
dense
round
icon="menu"
aria-label="Menu"
@click="toggleLeftDrawer" />
<q-toolbar-title>{{ pageTitle }}</q-toolbar-title>
<q-space />
<div>v{{ VERSION }}</div>
</q-toolbar>
</q-header>
<LeftDrawer
:drawer="leftDrawerOpen"
@drawer-toggle="toggleLeftDrawer" />
</template>
<script setup lang="ts">
import { ref } from 'vue';
import LeftDrawer from 'components/LeftDrawer.vue';
const VERSION = process.env.VUE_APP_VERSION;
const leftDrawerOpen = ref(false);
function toggleLeftDrawer() {
leftDrawerOpen.value = !leftDrawerOpen.value;
}
defineProps({
pageTitle: String,
});
</script>