searchanddisplace-core/resources/js/components/layout/Header.vue

<template>
    <div class="header">
        <!-- Left side of header -->
        <div class="left">
            <Button class="p-button-text" label="Search and Displace" />
        </div>

        <!-- Right side of header -->
        <div class="right"></div>
    </div>
</template>

<script lang="ts">

import Vue from 'vue';
import Component from 'vue-class-component';

@Component
export default class AppHeader extends Vue {
    created() {}
}


</script>