<template>

        <b-navbar toggleable="lg" sticky type="dark" variant="primary">
            <b-navbar-brand href="https://sparg.com">spargcom IT</b-navbar-brand>
            <b-nav-text class="ntext">WardrobeMaster Version 0.1.0</b-nav-text>
               <b-collapse id="nav-collapse" is-nav>
                <b-navbar-nav>
                    <b-nav-item to="/" :active='$route.name == "index"'>Home</b-nav-item>
                    <b-nav-item to="/typ" :active='$route.name == "Typ"'>Kleidungs-Typ</b-nav-item>
                    <b-nav-item to="/tools" :active='$route.name == "tools"'>Tools</b-nav-item>
                    <b-nav-item to="/ablOrt" :active='$route.name == "ablOrt"'>Ablageort</b-nav-item>
                    <b-nav-item to="/zert" :active='$route.name == "zert"'>Zertifikate</b-nav-item>
                </b-navbar-nav>
             </b-collapse>
        </b-navbar>

</template>

<script>
    // console.log($route.name);
</script>

<style>
    .navbar-dark {
        background-color: #f7883f!important;
    }
    .ntext {
        color: #baf0ba!important;
        font-size: small;
        font-weight: 400;
    }
</style>
