<template>
  <DarkLayout>
    <!-- todo: button to go back + this whole view -->
    <DomainBar :value="core_domain" :zone="'.' + zone" :has_button="false" :editable="false"/>
  </DarkLayout>
</template>

<script>
import DarkLayout from "../components/DarkLayout.vue";
import DomainBar from "../components/DomainBar.vue";
export default {
  name: "Explore",
  components: {DomainBar, DarkLayout},
  props: {
    domain: {
      type: String,
    }
  },
  computed: {
    core_domain() {
      return this.domain.split('.')[0];
    },
    zone() {
      return this.domain.split('.').slice(1).join('.');
    }
  }
}
</script>

<style scoped>

</style>