frontend/src/views/Find.vue

<template>
  <DarkLayout>
    <div class="center">
      <DomainBar :value="query" @search="search()" @input_d="query = $event"/>
    </div>
    <ZoneTable/>
  </DarkLayout>
</template>

<script>
import DomainBar from "../components/DomainBar.vue";
import DarkLayout from "../components/DarkLayout.vue";
import ZoneTable from "../components/ZoneTable.vue";

export default {
  name: "Find",
  data () {
    return {
      query: 'example'
    }
  },
  methods: {
    search() {
      this.$router.push({name: 'FindQ', params: {query: this.query}});
    }
  },
  components: {ZoneTable, DarkLayout, DomainBar}
}
</script>

<style scoped>

</style>