<template>
  <main>
    <div class="column">
      <div class="box">
        Debug mode turned on: {{$store.state.debug}}
        <br>
        <b-button v-if="$store.state.debug" @click="turnOffDebug">Turn off</b-button>
      </div>
    </div>
  </main>
</template>

<script>
export default {
  name: "Debug",
  methods: {
    turnOffDebug () {
      this.$store.commit('turnOffDebug')
      this.$buefy.snackbar.open(`Debug mode disabled, you will no longer have access to development features until you refresh.`)
    }
  }
}
</script>