<template>
    <header class="header">
        <router-link
            :to="{ name: 'home' }"
            class="logo-link"
        >
            <h1 class="logo">traxxx</h1>
        </router-link>
    </header>
</template>

<style lang="scss" scoped>
@import 'theme';

.header {
    color: $text-contrast;
    background: $primary;
    padding: 1rem;
}

.logo-link {
    color: inherit;
    text-decoration: none;
}

.logo {
    display: inline-block;
    margin: 0;
}
</style>