<template>
    <div class="headerContainer">
        <img class="siteHeader" :src="url" :alt="altText" />
    </div>
</template>

<script>
    
    export default({
        name: "siteHeader",
        computed: {
            url()
            {
                return this.getCmsContent("Header", "LogoImageURL")
            },
            altText()
            {
                return this.getCmsContent("Header", "AltText")
            }
        }
    })
</script>

<style lang="scss" scoped>

   .headerContainer{
        width: 100%;
        margin: 16px auto;
        text-align: center;

   }
    
</style>