<template>
  <router-view />

  <!-- <v-app>
    <v-main>
      <router-view />
    </v-main>
    <v-overlay
      :value="isLoading"
      z-index="20">
      <v-progress-circular
        indeterminate
        size="64"
      />
    </v-overlay>
    <snackbar
      v-if="snackbar.value"
      :value="snackbar.value"
      :message="snackbar.message"
      :type="snackbar.type"
      :timeout="snackbar.timeout"
      :closeable="snackbar.closeable"
      @input="closeSnackbar()" />
  </v-app> -->
</template>

<script>
import { mapActions, mapGetters } from 'vuex'
// import Snackbar from '@/components/form/Snackbar.vue'

export default {
  name: 'App',
  // components: {
  //   Snackbar
  // },
  data () {
    return {
      mode: process.env.VUE_APP_MODE,
      drawer: null
    }
  },
  computed: {
    ...mapGetters({
      isLoading: 'notify/isLoading',
      snackbar: 'notify/snackbar'
    })
  },
  methods: {
    ...mapActions({
      setSnackbar: 'notify/setSnackbar'
    }),
    closeSnackbar () {
      this.setSnackbar({
        value: false
      })
    }
  }
}
</script>

<style lang="scss">
  @import '~@/assets/scss/styles.scss';
  // @import '~@/assets/scss/vuetify.scss';
</style>
