28 lines
565 B
Vue
28 lines
565 B
Vue
<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>
|