<template>
  <section class="hero is-medium is-info">
    <div class='route_container not_found'>
      <center>
        <h1>Reserved</h1>

        <div>
          <h2>
            Well... {{$route.fullPath}} is reserved for something in the future, meaning its not yet available
          </h2>
          <p>
            <router-link to='/' class='button is-info'>Go home</router-link>
          </p>
        </div>
      </center>
    </div>
  </section>
</template>

<script>
  export default {
    name: 'Reserved',

    data () {
      return {
        reserved: true
      }
    },
    computed: {},
    methods: {
      Reserved () {
        this.ReservedLoad = true
      }
    },
    mounted () {
      this.$store.dispatch('setTitle', 'Reserved Page')
    }
  }
</script>
