<template>
  <q-layout view="hHh LpR fFf">
    <NavbarComponent @toggleLeftDrawer="toggleLeftDrawer"/>
    <SidebarComponent :drawer="leftDrawerOpen"/>

    <q-page-container>
      <!-- This is where the magic happens -->
      <RouterView />
    </q-page-container>
  </q-layout>
</template>

<script lang="ts">
import {
	Component, Vue, toNative
} from 'vue-facing-decorator';

@Component
class MainPage extends Vue {
	leftDrawerOpen = false;

	toggleLeftDrawer() {
		this.leftDrawerOpen = !this.leftDrawerOpen;
	}
}
export default toNative(MainPage);
</script>
