You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

61 lines
1.1 KiB

  1. <template>
  2. <base-layout>
  3. <template #leftDrawerIcon>
  4. <v-app-bar-nav-icon @click="drawerLeft = !drawerLeft" />
  5. </template>
  6. <template #rightDrawerIcon>
  7. <v-app-bar-nav-icon @click="toggle" />
  8. </template>
  9. <template #leftDrawer>
  10. <v-navigation-drawer
  11. v-model="drawerLeft"
  12. app
  13. clipped
  14. color=""
  15. >
  16. <side-bar-left />
  17. </v-navigation-drawer>
  18. </template>
  19. <!--
  20. <template #rightDrawer>
  21. <v-navigation-drawer
  22. v-model="drawerRight"
  23. app
  24. clipped
  25. right
  26. >
  27. <slot name="sideBarRightContent" />
  28. </v-navigation-drawer>
  29. </template>
  30. -->
  31. <template #content>
  32. <nuxt />
  33. </template>
  34. </base-layout>
  35. </template>
  36. <script>
  37. import { mapMutations } from 'vuex'
  38. import BaseLayout from '~/layouts/BaseLayout'
  39. import SideBarLeft from '~/components/organisms/SideBarLeft'
  40. export default {
  41. components: {
  42. BaseLayout,
  43. SideBarLeft
  44. },
  45. data: () => ({
  46. drawerLeft: false,
  47. drawerRight: false
  48. }),
  49. methods: {
  50. ...mapMutations({
  51. toggle: 'sidebar/toggle'
  52. })
  53. }
  54. }
  55. </script>