<template>
  <div>
    <Nuxt/>
    <Modal @close="showmodal=undefined" v-bind="showmodal" v-if="showmodal"></Modal>
    <SnackBar @close="snackbar=undefined" v-bind="snackbar" v-if="snackbar" />
  </div>
</template>
<script>
export default {
  computed: {
    showmodal: {
      get: function() {return this.$store.state['showmodal']},
      set: function(val) {this.$store.commit('updateStore', {name: 'showmodal', data: val})}
    },
    snackbar: {
      get: function() {return this.$store.state['snackbar']},
      set: function(val) {this.$store.commit('updateStore', {name: 'snackbar', data: val})}
    }
  }
}

</script>