<template>
    <div :class="className">
        <p class="navigation-bar">
            <router-link
                to="/adm/main.page"  aria-label="home으로 가기" id="home" style="border-bottom: 1px solid;">
                Home
            </router-link>                       
            <!-- <span v-if = "pageNavi.main != ''">&nbsp;&nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;&nbsp;{{ pageNavi.main }}</span><span v-if = "!(pageNavi.sub == null || pageNavi.sub.trim() == '')">&nbsp;&nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;&nbsp;{{ pageNavi.sub }} </span>
            <span v-if = "!(pageNavi.third == null || pageNavi.third.trim() == '')">&nbsp;&nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;&nbsp;{{ pageNavi.third }} </span> -->
        </p>
    </div>
</template>

<script>
export default {
    props: {
        className: {
            type: String,
            default: 'navigation-wrap',
        },
        navi : {
            type: Object,
            default : null
        }
    },
    data() {
        return {
            // pageNavi : this.$getPageNaviInfo(),
        }
    },
    mounted()  {
       
    },
    watch:{
        'className':function(newV,oldV){          
        },
        // '$store.state.pageNaviInfo': function (newValue) {
        //     this.pageNavi = newValue;
        // },
        // 'navi.sub' : function(v){
        //     this.pageNavi.main = this.navi.main;
        //     this.pageNavi.sub = this.navi.sub;
        // }
    },
}
</script>
